基于 Hexo GitHub 从零开始搭建个人博客(一):环境准备篇


前言

首页

首页推荐文章

首页文章列表

关于页面

文章详细页

Q: 为什么要搭建一个属于自己的个人博客呢?

  • 高度自由化

    用自己喜欢的域名,选择自己喜欢的主题,布局,特效等都可以自己编写代码完成

  • 成就感

    当网站被搜索引擎收录,输入相应关键字即可,可以小小的炫耀一番

  • 拓展交流圈

    如果你对某类感兴趣的话,你可以通过个人博客找到一些志同道合的朋友。

  • 学会坚持

    刚开始搭建好属于自己的博客,那真的是三分钟热度,但是真的坚持下来的人很少

  • 最好的个人简历

    当我们苦于该如何写一份个人简历时,当你拿出一个你坚持 3 年、5 年的个人博客时,或许你的机会就比别人大一点。

  • 自己的空间

    在这个地方,你可以写一些自己的东西(没有朋友看)

  • 写作水平的提高

    坚持写作,你的写作水平会得到很到的提高,对你今后的人生会有很大的帮助

  • 赚取一点钱

    当你的博客足够好,你可以开始尝试赚钱,当然啦,和坚持是离不开的。

折腾中学会知识互访中找到友情写作中读懂人生坚持中找到方向

本教程主要教你如何安装 Node.jsHexoGit、配置 GitHub SSH key,以及创建第一个 GitHub Pages 页面。

很多同学听到自己动手搭建一个博客就望而却步了,不得有服务器?不得有域名?不得自己写一堆代码?可我也不太会写代码怎么办呢?

没有服务器,没关系,GitHub 提供了 GitHub Pages 可以帮助我们搭建一个静态的网站,解决了你们担心的服务器问题。
其次,GitHub Pages 会根据你们注册的用户名,提供一个.github.io 的二级域名给你(当然也可以绑定你自己的域名)。
至于代码问题,我已将源码发布到我的 GitHub 项目上了,你只需仔仔细细阅读完本系列,可以毫无压力的搭建一个属于你自己的个人博客了。

所以说,基本上,先注册一个 GitHub 帐号就能搞定了,下面我们先开始配置环境,并获得第一个自己的 GitHub Pages 页面吧。

看完这个系列的教程,你会得到一个还不错的个人博客,具体效果请浏览 https://sitoi.cn

博客环境准备

本片主要面向 Windows 用户

  • 操作系统:Windows 10
  • Node.js
  • Git
  • Hexo
  • idea(推荐使用 Webstorm)
  • 一个 GitHub 帐号
  • 一个云服务器(可选)
  • 一个域名(可选)
  • 一个 coding 帐号(可选)

安装 Chocolatey

下文安装 Node.jsGit 都使用 Chocolatey 一句命令安装,请务必安装好 Chocolatey

详细教程可以参考我之前写的一篇文章:Windows 程序包管理器 Chocolatey:一条命令装软件

安装 Node.js

管理员权限打开 PowerShellWindows 程序包管理器 Chocolatey:一条命令装软件 教程里有写如何以管理员权限打开 PoweShell)

安装 nodejs

输入以下命令,其他的一律 输入 y 回车即可(下载太慢可以试下

choco install nodejs

Install Node.js

检测 nodejs 是否安装成功

打开一个新的管理员权限的 PowerShell 窗口

npm -v

Check Node.js

修改 npm 源

由于官方 NPM 源下载 包的速度太慢,所以我们将 NPM 的源 替换成 淘宝源,运行如下命令即可:

npm config set registry https://registry.npm.taobao.org

安装 Hexo

管理员权限打开 PowerShell

输入以下命令,推荐安装 4.1.1 版本:

npm i hexo@4.1.1 -g

Install Hexo

安装 Git

安装 Git

管理员权限打开 PowerShell

输入以下命令,其他的一律 输入 y 回车即可(下载太慢可以试下

choco install git

Install Git

检测 Git 是否安装成功

打开一个新的管理员权限的 PowerShell 窗口

git --version

Check Git

注册 GitHub 帐号

注册地址:https://github.com/join?source=header

实在不会网上教程一堆,以后看心情补吧。

创建仓库

找不到创建入口的,访问:https://github.com/new

创建一个仓库,用于托管博客代码,

  • 仓库的格式必须为:<用户名>.github.io
  • Description:为描述仓库(选填)
  • 勾选 Initialize this repository with a README 初始化一个 README.md 文件
  • 点击Creat repository 进行创建

Create Repo

访问你的个人网站

打开浏览器,输入网站:<用户名>.github.io ,例如:crawlmkt.github.io

GitHub Pages

为 GitHub 配置 SSH Key

详细教程可以参考我之前写的一篇文章:Windows 下利用 Git 生成 SSH KEY 并配置到 GitHub

恭喜,到这里你的 Windows 环境已经搭建好啦~~


文章作者: Sitoi
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Sitoi !
评论
  目录