利用GitHub Pages和Hexo搭建我的博客

本文首發地址： 非生異也

本項目源碼託管在GitHub上

Why

阮一峯曾經說過:喜歡寫Blog的人,會經歷3個階段。

第一階段，剛接觸Blog，以爲很新鮮，試着選擇一個免費空間來寫。
第二階段，發現免費空間限制太多，就本身購買域名和空間，搭建獨立博客。
第三階段，以爲獨立博客的管理太麻煩，最好在保留控制權的前提下，讓別人來管，本身只負責寫文章。

在這以前，我在博客園裏寫了兩年的博客，數量雖然很少，但都是本身學習過程的真實記錄，這屬於第一階段。隨着學習的東西愈來愈多，總想着要有個獨立的我的主頁，因而就開始不停地Google。最終在SAE + WordPress 和 GitHub Pages + Hexo 之間選擇了後者，一是由於Git的存在，二是由於喜歡這種輕量級框架的簡單而強大。

Start

GitHub Pages

GitHub Pages的官方介紹是 Websites for you and your projects. 利用它只須要簡單的幾步，就能夠創建一個本身的站點，前提是已經有了一個GitHub賬號。

一、Create a repository：
repository名稱的格式必須爲 username.github.io （username爲本身的GitHub賬號。）

二、Clone the repository：

$ git clone https://github.com/username/username.github.io

三、Hello World：

$ cd user.github.io
$ exho "Hello World" > index.html

四、 Push it：

$ git add --all
$ git commit -m "Initial commit"
$ git push -u origin master

五、已經生成了你的主頁 http://username.github.io 

Hexo

Hexo是一個快速、簡潔且高效的博客框架，具備以下特色：
急速生成靜態網頁
支持Markdown
一鍵部署博客到GitHub Pages等平臺
豐富的插件支持

一、 先在本地環境配置好Hexo

$ npm install hexo-cli -g
$ hexo init username.github.io
$ cd username.github.io
$ npm install
$ hexo server

二、將博客部署到GitHub上：這時在瀏覽器輸入http://localhost:4000 就能夠在本地預覽博客了

安裝 hexo-deployer-git

$ npm install hexo-deployer-git --save

修改配置文件_config.yml 

deploy:
  type: git
  repo: <repository url>

提交到GitHub上 

$ hexo clean
$ hexo g
$ hexo d

此時訪問 http://username.github.io 就和本地同樣的效果了。更多Hexo的使用訪問Hexo官方文檔 

Append

如今已經能夠經過訪問你的GitHub Pages二級域名來訪問你的博客了，不過既然是獨立博客，固然是應該經過獨立域名來訪問。

購買域名

因爲在國內購買域名須要備案（雖然我已經備案過了），費時比較長，因此我又在國外購買了一個域名。並且正好遇上namecheap瘋狂促銷，就以很滿意的價格買了一年的。

域名解析

添加CNAME

在usname.github.io/source/下新建CNAME文件，寫入購買的域名，保存並部署。

DNS設置

建議使用DNSpod,添加兩條A記錄分別爲
192.30.252.153
192.30.252.154
這兩個IP即GitHub Pages的IP。

去namecheap修改DNS地址

在域名設置裏面將DNS改成DNSpod提供的DNS
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net
可能須要等段時間才能生效。

後記

本文有些地方可能寫得不夠清晰，歡迎留言交流。