Github+Hexo搭建个人博客（2019版）
一、前言
搭建个人博客也是属于心血来潮，相比较简书和csdn之类而言，个人博客是自由的，自定义自己喜欢的风格，记录自己的学习路程和心得。另外一方面，有属于自己的博客，也是件酷酷的事情。搜索网上搭建个人博客，大多是Github+Hexo的组合，步骤也都大同小异，但是由于博客文章较旧，在实时运行当中，还是会出现不少的bug。前人栽树后人乘凉，为避免后来者掉进相同的坑，特写下搭建博客的步骤。
我的博客：https://fuusy.github.io/
webBlog.png
二、准备
- 基于Windows系统（开发者最好使用Linux）
- 安装Git
-
安装Node.js（下载最新版。安装时，请勾选Add to PATH选项）
对以上的Git和Node.js的安装，不详细说明，网上有很多教程。
安装成功.png
cmd中输入命令，有版本号出现则安装成功。
三、搭建流程
3.1、安装 Hexo
npm install -g hexo-cli
安装hexo命令.png
安装成功后，在你安装好hexo的那个文件夹中新建一个文件夹，如“Test”。
3.2、搭建网站
首先我们需要初始化刚新建的文件夹Test
hexo init Test
初始化.png
接着进入Test文件夹，新建建站所需要的文件。
cd Test
npm install
运行成功后我们可以查询Test这个文件下，可以发现文件夹下新增了很多文件，如下
Test.png
找到Test文件夹下 _config.yml ，这个文件就是网站主题的的配置文件，后面和github page关联和切换主题时，需要使用到。
最后就是开启服务了，同样输入以下命令
hexo g
hexo s
image.png
在执行hexo s 后，会出现一个网址http://localhost:4000/，将其复制（需要注意的是，在cmd中不可用ctrl + c 来复制，Ctrl + C为停止命令）。打开该网址后，可以看到网站的雏形。
web
四、自定义主题
4.1、创建github仓库
创建github仓库
这里需要注意的是仓库名字前缀需要和Owner一致，如这里Owner为fuusy，那么我的仓库名为fuusy.github.io，前缀必须一致，后面就上github.io。新建成功后，复制ssh。后续修改_config.yml文件会用到。
image.png
4.2、切换主题
接着开始切换主题并且将文章上传到github上。
以我的博客主题为例，我的主题为yilia，从github上克隆该主题。
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
执行后在Test文件夹的themes中可以找到有yilia的文件。
yilia.png
找到上面3.2所提到的_config.yml文件，修改里面的配置
- 将theme 修改为theme: yilia，需要注意的是冒号后有空格
-
将deploy修改为：
type: git
repository: git@github.com:fuusy/fuusy.github.io.git
branch: master
如图：
image.png
4.3、发布
接下来需要使用 Git bash 来进行命令的执行，在Test文件夹中右击鼠标，你会发现有Git bash 选项，点击进入。执行命令：
npm install hexo-deployer-git --save
最后就是发布了，执行以下命令：
hexo g
hexo d
完成后，你就有属于自己的博客了，在github的setting中 可以看到自己的博客地址，
image.png
webBlog.png
五、最后
至于最后发布文章和自定义各种不同的主题，可自己去探索，至此所有的步骤都已经讲完，希望对你有所帮助。如遇到bug可留言。感谢阅读。
最后欢迎关注我的公众号，小猿说，扫一扫不迷路。
小猿说
