Hexo+GoDaddy+GitHub Pages 构建一个属于自己的博客平台

关于博客

学习技术总是无底洞，越往深处挖掘，越有挑战也越有乐趣。之前就很想要有个属于自己域名，自己的博客，可以在自己的博客里分享自己学到的、感受的，这也是在这世上孤独的自己的一种乐趣。如今将想法做成现实，希望能多多commit :)

GitHub Pages

首先当然是要在Github创建一个repository, 用于存放自己的blog文件.

申请好之后在仓库Settings处往下拉, 到GitHub Pages栏中 snapshot6

选择master branch刷新后, 就会在username.github.io自动生成一个网站, GitHub Pages就已经生成了, 之后我们在GoDaddy里申请好了域名, 再把新域名填入Custom domain就好了.

GoDaddy域名申请

在网上的一些GoDaddy申请配置教程稍微有点过时了, 所以在这也说说如何配置.

选择GoDaddy的原因

其实狗爹这里的域名价格并不是最实惠的, 国内的万网之类的也是可以, 但是使用国内域名可能存在备案之类的,感觉麻烦的, 于是.. (申请的时候搜索一下GoDaddy优惠券会有不小的优惠)

申请

查询自己喜欢的域名是否已经被占用, 选好之后添加到购物车. 进入购物车前会推荐你使用它们的隐私服务, No Thanks 就好了.

可使用支付宝, 但不知为啥我这一直用不了支付宝支付, 自动被拒绝了, 所以使用了银联. 第一年只需要14块钱, 也算是很优惠了:) 一般来说 .com .live之类的域名还算便宜, *.cn的比较贵. snapshot2

DNS更换

狗爹这里的DNS不太稳定, 所以建议使用DNSPod进行域名解析.

首先在刚刚购买的域名这进行DNS更换 snapshot3 选择自定义的dns服务器, 填入以下地址:

1 2	f1g1ns1.dnspod.net f1g1ns2.dnspod.net

在DNSPod注册完成后, 在控制台域名解析中添加域名 snapshot4

添加主机记录, 用于解析. 其中ip地址是你申请的GitHub Pages的ip地址, 如果不知道ip的话就ping一下就行了. snapshot5

完成了之后, 需要一些时间来让DNS迭代, 一般一两个小时以内就行了.

在GitHub Pages使用自己的域名

在Github中创建的仓库设置中Custom domain填入新域名就好了, 建议强制使用HTTPS. 有可能存在一时半会无法解析新域名的情况, 这是DNS还没迭代好, 等一会就好了.

Hexo使用

Hexo是一种简单快捷又强大的博客构建工具，可参照Hexo官方文档进行搭建。

依赖

Node.js，version >= 6.9
Git

安装与使用Hexo

在全局安装hexo-cli

1	npm install -g hexo-cli

安装成功之后在合适的位置创建Blog文件夹, 用于存放Bolg资源.

1 2	mkdir myBlog && cd myBlog #名字自拟 hexo init # hexo 初始化

初始化完成, 自动构建了一个简易Hexo包, 结构如下:

$ tree -L 1
.
├── _config.yml  #配置文件
├── node_modules #模块文件夹
├── package-lock.json
├── package.json #所需模块配置信息
├── scaffolds
├── source       #源码, 资源所在包
└── themes       #使用的主题包

运行以下命令, 根据你的_config.yml配置, 以及source中的资源自动生成静态文件.

1
2
3

hexo generate
# 以下缩减方式也可
hexo g

该命令在文件夹下自动生成了public文件夹, 之后是该文件夹deploy到远程网站(Github)中.

可在本地调试, 查看效果, 默认使用端口4000:

hexo server
# 以下缩减方式也可
hexo s
# 终端输出
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop.

在Blog发布一篇新文章"My First Post":

1	hexo new "My First Post"

随即在 source/_post 文件夹创建一个My-First-Post.md的Markdown文件, 在上面自由创作就猴啦.

_config.yml配置

在这个yml文件中可以配置大部分Blog应有的设置信息, 看懂英文就行, 这里不多赘述. 但是有几个需要提及的.

1	vim _config.yml

在最底下的一部分来配置远端Deploy, 在这里建议使用新的分支, 最后再merge到master分支.

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/username/repo
  branch: hexo-dev

完成之后在本地调试hexo g && hexo s后, 即可deploy到Github pages了:

1
2
3

hexo deploy
# 以下缩减也可以
hexo d

其余配置详情可以看官方文档的配置(链接)

使用Theme

Hexo默认使用的主题是landscape, 还有许多有趣的主题可以使用.

本博客使用的主题是NexT, 如何配置详情就请查看链接内写的吧.

有其他功能部件使用, 就放以后再更吧 <_<

参考链接

Documentation | Hexo

Node.js

GoDaddy

DNSPod

NexT