利用Hexo&Github快速构建个人Blog

摘要：

本文将分为Hexo的安装、在github上部署、个人域名绑定三个部分介绍如何利用这两者在Ubuntu环境上搭建自己的个人博客。

介绍

1.Hexo是一款快速、简洁且高效的博客框架，支持Markdown编写、支持一件部署、拥有200多款主题，插件丰富可扩展，在几秒内，即可利用靓丽的主题生成静态网页。
2.github 众所周知一个有名的代码托管平台，github pages 是其为开发者免费提供的个人网站托管平台，只能托管静态内容。目前国内的coding代码托管平台也能够支持静态页面的托管，本次仅介绍在github上部署的过程，在coding的部署与之类似。
3.我的运行环境：Ubuntu 18.04.4 LTS

Hexo安装

可以跟着我的步骤来，也可以直接参考Hexo官方文档（支持中文）
1.安装 Git ：

$ sudo apt-get install git-core

2.安装 Node.js：直接从Node.js官网下载安装后，执行第８步安装Hexo时可能会出现EACCES权限错误（官方建议不要使用sudo来解决），如有错误利用nvm全局安装解决错误，步骤如下。没有错误可跳过3、4、5、6、7步骤。
3.下载nvm

$ git clone git@github.com:nvm-sh/nvm.git ~/.nvm

4.设置淘宝registry提高下载速度

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

5.~/.bashrc添加

$ export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
$ export NVM_IOJS_ORG_MIRROR=http://npm.taobao.org/mirrors/iojs
$ . ~/.nvm/nvm.sh

6.使配置生效

$ . ~/.bashrc

7.利用nvm安装node 和npm

$ nvm list-remote #查看可所有版本号
$ nvm install <你需要的版本号>
$ nvm use <你需要的版本号>
example:
$ nvm list-remote
$ nvm install v13.10.1
$ nvm use v13.10.1

8.安装 Hexo：

$ npm install -g hexo-cli

至此Hexo的安装已经完成。

Hexo初始化

$ mkdir <folder>
$ cd <folder>
$ hexo init <folder>
$ npm install

新建完成后，指定文件夹的目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml是网站的配置信息，等会部署到github 会修改其中参数（后面讲解），具体参数参考Hexo官网
生成初始页面看看效果

$ hexo g
$ hexo s

在浏览器中输入http://localhost:4000地址就可以看到当前的博客啦

github 配置

1.首先在github官网注册账号并登录，不讲了
2.点击new创建新的repository，Reposotory name设置为<你的github用户名>.github.io，如图所示，只要这样设置才能解析到你的github pages.


3.创建好后回到命令窗口配置github

git config --global user.name "你注册的用的用户名"
git config --global user.email "你注册用的邮箱"

4.创建SSH ，一路回车直到创建完成，your email为你的github注册邮箱

ssh-keygen -t rsa -C "youremail"

5.在github你当前创建的repository中点击settings找到SSH keys的设置选项，点击New SSH key
6.在命令窗口中cd 到~/.ssh/目录下将id_rsa.pub里面的内容复制上面方框中保存即可。
7.测试SSH是否成功

$ ssh -T git@github.com

8.更改_config.yml文件配置网页部署信息，YourgithubName就是你的github用户名

deploy:
  type: git
  repo: git@github.com:YourgithubName/YourgithubName.github.io.git
  branch: master

9.安装部署命令

$ npm install hexo-deployer-git --save

10.重新编译部署

$ hexo clean
$ hexo g
$ hexo d

现在你的博客就部署好啦，可以通过http://yourname.github.io这个网址来访问自己的博客啦。

个人域名绑定

如果你不喜欢这个域名，可以自己购买其他的域名来绑定你的博客，通过自己的域名及可直接访问
我在DNSPOD上购买的域名，赠送了免费的DNS云解析套餐基本能够满足我的使用要求

境内 4 大智能线路细分
10 个 DNS 节点分布
3 级子域名
600s TTL 最低值
2 条 URL 转发
2 条负载均衡
1G 攻击防护流量
7 大主流搜索引擎优化

建议在购买域名的时候不要只看重首年多少钱，比如说首年１元的域名，第二年续费价格会很贵，土豪不用考虑这些
步入正题
免费版需要添加两个默认的解析

接下来在你创建的github repository下点击settings往下翻，找到Custom domain填入你想解析的顶级域名或者二级域名，然后点击save保存，此时你的repository里面会新增一个CNAME文件，里面就是你刚才输入的域名

回到DNSPOD控制台，点击添加记录，按图中所示添加第３条记录

其中记录值填入你的github repository名＋.github.io，比如说我填写的记录值就是AlwaysOnTheRoad.github.io.
至此域名绑定已经完成，等待一段时间，你就可以通过自己的域名访问自己的博客啦！
如果你访问出现如下的404错误，不要惊慌，这说明你已绑定成功，还要再等待一会，就可以访问啦！

小结

• 利用Ｈexo＆Github 够建博客很简单，只是在执行的过程中会出现很多问题，每个人的问题都不一样，自己得针对问题找答案。
• 使用中发现，有时候加载速度有点慢，可以考虑将其部署到coding上，毕竟是国内的服务器，速度应该快点，不过听说容量限制在128M以内，我也不清楚，我的解决方法是利用自己的Nanopi开发板搭建自己的服务器，将网页部署在上面，目前已架设完成，速度丝滑，下一篇文章将出详细教程。