前言

经过了快一星期的折腾，我的博客的各项功能也在陆续开通中，本文就来记录一下hexo + github pages心路历程及配置方法。

可以通过右边的文章目录快速跳转哦！

安装hexo

需要准备的东西

github账号
git(本地)
node.js
npm
个人域名(可选)

安装流程

申请github账号

这里xxx填写你的github账户名称。如图：

创建一个新的仓库

命名为 xxx.github.io

电脑上安装 git

记得添加右键选单和加入PATH。具体git配置教程可以参考
[Git & GitHub] Windows安装git和环境变量配置_Bluetata’s Tech.Blog-CSDN博客

电脑上安装 node.js

记得加入PATH。此版本node.js集成了npm，可以再命令行中输入node -v 以及 npm -v 检查是否安装成功。

安装Hexo

使用命令行工具(cd xxxx) 进入你的博客文件夹，依次输入以下指令：
安装hexo和hexo服务器模块

1 2	$ npm install -g hexo-cli $ npm install hexo-server --save

初始化博客

1	$ hexo init blog

测试hexo是否安装成功：

1
2
3

$ hexo new test
$ hexo g
$ hexo s

其中hexo new test表示新建一篇名为test的博文，hexo g表示生成，是hexo generate的简写，hexo s在本地运行hexo服务器，是hexo server的简写。

成功后会有如下提示，进入 http://localhost:4000 即可看到刚刚生成的网页。

以下为配置完成后的样子，可能和你生成的页面不同，如果想配置和我一样的hexo可以继续阅读我的其他post。

配置到github pages

之前的操作只是在本地实现了我们的博客，如何推送到github pages呢？

首先，打开博客目录下的 _config.yml 文件

使用 ctrl+f 搜索deploy，并添加以下代码。注意！把xxx改为之前在github配置的名字即可。

deploy:
- type: git
  repo: https://github.com/xxx/xxx.github.io.git
  branch: master

接下来，安装hexo-deployer-git

1	$ npm install hexo-deployer-git --save

接下来就可以推送我们的网页到github啦！

1
2
3

$ hexo clean 
$ hexo g 
$ hexo d

其中hexo d表示deploy，是hexo deploy的简写，它会去config里面找到deploy栏目，然后根据你配置的deployer进行配置，十分方便！

访问网页

如果之前的步骤都是正确的话，那么恭喜你！你已经可以访问你的网页了！

比如我的网页： https://haomingvince.github.io

把haomingvince改成你的github用户名即可

绑定你自己的域名（可选）

如果你已经拥有你自己的域名的话那是最好，如果你想购买一个域名，可以去腾讯云，阿里云，或者godaddy购买。

由于我的域名是在godaddy购买的，接下来我会演示如何绑定你的github pages到godaddy，其他域名商操作应该也是雷同的。

登录你的godaddy后台，点击manage DNS

添加两条记录，一条CNAME，一条A记录，如图：

其中CNAME的value就填写你的github page的值，A的value可以通过ping xxx.github.io得到。

接下来，去到你的github page的settings界面，在Options->Github pages->custom domain添加你的域名：

最后一步，在你本地 /source 文件夹下添加一个名为CNAME的文件（注意，此文件没有后缀），里面添加你的域名即可。

再次执行deploy

1
2
3

$ hexo clean 
$ hexo g 
$ hexo d

稍等几分钟，你就可以用自己的域名访问你的网站啦！

小结

本文介绍了基本的hexo + github page的部署及实现，如果有任何问题，欢迎留言！

Upcoming Next

Next 8.0 主题配置（已更新）

Reference

Vince’s Blog

GitHub+Hexo 搭建个人网站详细教程 - 知乎

Vince's Blog

hexo基本安装及配置

前言