如果你厌倦了使用了第三方的博客平台，你可以考虑一下用hexo和github来搭建自己的博客

用hexo来搭建github blog很简单，只需要五步~

1.在github上面新建一个仓库

首先我们需要在自己的github上新建一个仓库，将仓库的命名为xxx.github.io，一定要按该格式命名，否则不能搭建成功

2.配置环境

在使用搭建之前，我们需要配置好下面环境

安装Homebrew

1
$ ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

安装node.js

node.js集成带有了npm

1
$ brew install node

安装hexo-cli

1
$ sudo npm install -g hexo-cli

3.在blog目录下，初始化hexo

接下来我们需要新建一个文件夹来存放blog内容，假设我新建了一个blog文件夹，然后我cd到该路径下面，然后我们需要对该目录进行初始化，运行

1
$ hexo init ${blog路径}

（图中中间出现的报错不要在意，因为我使用了插件，提示未找到该插件）

4.生成静态页面

初始化好之后，我们先来看看页面是不是能正常显示打开了，运行

1
$ hexo g

等同于

1
$ hexo generate

注意：

第一次部署的时候会因为找不到git而报错，需要安装下，再提交一次

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

5.初始化依赖

在第一次安装运行时，我们需要初始化依赖，否则后面启动服务或者生成静态界面会出错…

1
$ npm install

6.启动服务

然后我们启动一下服务看看，我们的博客是不是能打开了

1
$ hexo server

我们打开http://0.0.0.0:4000/看看，如果前面一切顺利的话，你就能看到你搭建成功的博客了~（注意此时打开的还不是自己的github博客地址哦，只是hexo默认配置的地址）

7.修改blog目录下的_config.yml配置文件

接下来我们需要将hexo打开的博客地址改成自己的地址，打开blog目录下面的_config.yml文件，找到deploy，将部署类型改成git或者GItHub，仓库改成自己的github blog地址格式，分支改成master，例如：

1
2
3
4
deploy:
  type: git    #部署类型
  repository: https://github.com/Yuzeyang/yuzeyang.github.io.git   #部署的仓库的SSH
  branch: master   #部署分支,一般使用master主分支

注意：type/repository/branch:和内容之间是有空格的，而且是一定要有的，否则在重新生成静态页面的时候，会找不到仓库路径

8.选取喜欢的主题

作为爱装逼的程序员怎么能用默认的主题呢，我们可以先在hexo主题网赚挑选一个自己喜欢的主题：hexo主题，当然你有一定的前端基础可以自己写一套主题玩玩，分享给大家

9.重新部署你的静态网页

修改完配置之后，我们重新部署一下，看看效果

1
$ hexo d -g

等同于

1
$ hexo deploy -generate

10.再刷新一下你的网页，Duang~

因为首页图片加载太慢了…我换了个主题…

11.上传文章

你可以运行

1
$ hexo new "新的文章标题"

这样会自动生成好

1
2
3
4
title: Hexo搭建GitHub blog
date: 2016-4-29 17:00:00
tags: Hexo
---

或者， 把文章放到blog/source/._posts目录下面

在文章的内容前面需要加上标题、时间和标签，这样才能在首页显示出你的标题，你也可以添加文章的时间和文章的tag，例如：

1
2
3
4
title: Hexo搭建GitHub blog
date: 2016-4-29
tags: Hexo
---

再起一下服务，看看有没有修改成功

1
$ hexo server

修改成功后，再重新部署一下

1
$ hexo d -g

最后再确认一下

上传成功~！

12.申请个人域名

使用xxx.github.io，其实还不是很方便，也没有xxx.com或者xxx.me这样的域名好（zhuang）记（bi），所以一般都会自己去申请一个个人域名

我们打开google，搜索一下个人域名

恩，跳出万网和GoDaddy，不过好像GoDaddy续费比较贵，万网好像能查到你的个人信息资料…

所以我咨询了下同事，他们推荐了我namesilo，续费便宜，还能开启隐私保护~

进到首页之后我们在箭头位置搜索下我们想要的域名

然后我们就能看到哪些是已经注册，哪些是可以使用的

在支付前看下价格，这上面显示的价格只是低价，类似于起拍价，实际价格在支付页可以看到，购买前请仔细看下数字…别付了好几万…（可以支持支付宝哦~）

然后我们到DNSPOD里，对我们的xxx.github.io进行DNS转移到xxx.com

登录后，在域名解析里面，添加我们的个人域名，然后将默认的NS类型的记录值拷贝出来，回到我们的namesilo里面，将nameserver修改成NS类型的记录值，保存，然后过一会儿才会生效

在Github的xxx.github.io仓库的目录下面，新建一个CNAME文件，写上你的个人域名

在web导航栏里面输出你的个人域名，就可以正常访问了~

13.增加评论功能

目前用的比较多的评论插件有disqus、多说、友言

但是多说和友言界面有点丑…相比之下disqus还是比较符合我的口味的~

那我就来介绍怎么加disqus

首先注册登录，然后点击右上角的设置按钮

选择左侧的Account，在Username里面填上你的域名名称，例如我的域名是zeeyang.com，那么我就填zeeyang

然后打开你的hexo配置文件，在最后加上

1
disqus_shortname: 域名名称(例如：zeeyang)

然后打开主题配置文件，也同样加上

1
disqus: 域名名称(例如：zeeyang)

然后提交修改，再刷新下网页

这下子别人可以在你的文章下面留言啦~（我后来更换了apollo主题，比较清爽）