一直聽說用hexo搭建一個擁有自己域名的部落格是很酷炫的事情~，在這十一花上半個小時整個hexo部落格豈不美哉。

使用Hexo吸引我的是，其簡單優雅, 而且風格多變, 適合程式設計師搭建個人部落格,而且支援多平臺的搭建，再加上有些node,git基礎，分分鐘創建出一個高大上的部落格。廢話少說，開始吧。

準備工作

1.node：用來生成靜態頁面的 到Node.js官網下載相應平臺的最新版本，一路安裝即可。

2.git: 把本地的hexo內容提交到github上去.沒有安裝的可以看此教程。

3.github：用來做部落格的遠端創庫、域名、伺服器。（~不多說了）

然後你還要知道一點點linux命令，域名解析相關知識（以上條件你都達到了，那麼恭喜你30分鐘搭建倒計時開始~）

安裝Hexo

（本人是Mac系統，其他系統的朋友這部分可以看官網教程）

當Node.js和Git都安裝好後就可以正式安裝Hexo了，終端執行如下命令：

$ sudo npm install -g hexo

輸入管理員密碼即開始安裝

Hexo官網上的安裝命令是$ npm install -g hexo-cli，安裝時不要忘記前面加上sudo，否則會因為許可權問題報錯。

初始化

終端cd到一個你選定的目錄（比如建立一個blog檔案，$cd blog），執行hexo init命令：

$ hexo init

在blog目錄下，執行如下命令，安裝npm：

$ npm install

執行如下命令，開啟hexo伺服器：

$ hexo s

本地設定好後，接下來開始關聯Github。

1.建立倉庫

登入你的Github帳號，新建倉庫，名為使用者名稱.github.io固定寫法。

本地的blog資料夾下內容為：

_config.yml    
db.json 
node_modules 
package.json
scaffolds
source
themes

終端cd到blog資料夾下，vim開啟_config.yml，命令如下：

$ vim _config.yml

開啟後往下滑到最後，修改成下邊的樣子：

deploy:
    type: git
    repository: https://github.com/MuYunyun/MuYunyun.github.io.git
    branch: master

你需要將repository後MuYunyun換成你自己的使用者名稱　　

注意坑二：在配置所有的_config.yml檔案時（包括theme中的），在所有的冒號:後邊都要加一個空格，否則執行hexo命令會報錯，切記 切記

在blog資料夾目錄下執行生成靜態頁面命令：

$ hexo generate        或者：hexo g

此時若出現如下報錯：
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
則執行命令：
npm install hexo --save
若無報錯，自行忽略此步驟。

再執行配置命令：

$ hexo deploy            或者：hexo d

注意坑三：若執行命令hexo deploy仍然報錯：無法連線git或找不到git，則執行如下命令來安裝hexo-deployer-git：

$ npm install hexo-deployer-git --save

若你未關聯Github，則執行hexo deploy命令時終端會提示你輸入Github的使用者名稱和密碼，即

Username for 'https://github.com':
Password for 'https://github.com':

hexo deploy命令執行成功後，瀏覽器中開啟網址http://MuYunyun.github.io（將MuYunyun換成你的使用者名稱）能看到和開啟http://localhost:4000時一樣的頁面。　

為避免每次輸入Github使用者名稱和密碼的麻煩，可參照第二節方法

2.新增ssh key到Github

1.1.檢查SSH keys是否存在Github

執行如下命令，檢查SSH keys是否存在。如果有檔案id_rsa.pub或id_dsa.pub，則直接進入步驟1.3將SSH key新增到Github中，否則進入下一步生成SSH key。

$ ls -al ~/.ssh

1.2.生成新的ssh key

執行如下命令生成public/private rsa key pair，注意將[email protected]換成你自己註冊Github的郵箱地址。

$ ssh-keygen -t rsa -C "[email protected]"

預設會在相應路徑下（~/.ssh/id_rsa.pub）生成id_rsa和id_rsa.pub兩個檔案。

1.3.將ssh key新增到Github中

Find前往資料夾~/.ssh/id_rsa.pub開啟id_rsa.pub檔案，裡面的資訊即為SSH key，將這些資訊複製到Github的Add SSH key頁面即可。

進入Github --> Settings --> SSH keys --> add SSH key:

Title裡任意添一個標題，將複製的內容貼上到Key裡，點選下方Add key綠色按鈕即可。

3.釋出文章

終端cd到blog資料夾下，執行如下命令新建文章：

hexo new "postName"

名為postName.md的檔案會建在目錄/blog/source/_posts下。

文章編輯完成後，終端cd到blog資料夾下，執行如下命令來發布: 

hexo generate             //生成靜態頁面

hexo deploy            //將文章部署到Github

安裝theme

終端cd到 blog 目錄下執行如下命令：

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

將blog目錄下_config.yml裡theme的名稱landscape修改為next

終端cd到blog目錄下執行如下命令(每次部署文章的步驟)：

$ hexo clean           //清除快取檔案 (db.json) 和已生成的靜態檔案 (public)

$ hexo g             //生成快取和靜態檔案

$ hexo d             //重新部署到伺服器

至於更改theme內容，比如名稱，描述，頭像等去修改blog/_config.yml檔案和blog/themes/next/_config.yml檔案中對應的屬性名稱即可，不要忘記冒號:後加空格。NexT 使用文件裡有極詳細的介紹。

繫結個人域名

首先假設你有一個域名並且是可用狀態。修改你域名的DNS地址為 f1g1ns1.dnspod.net和f1g1ns2.dnspod.net

現在使用的域名是Github提供的二級域名，也可以繫結為自己的個性域名。購買域名，我是在萬網買的，可直接在其網站做域名解析。

1.Github端

在/blog/themes/landscape/source目錄下新建檔名為：CNAME檔案，注意沒有後綴名！直接將自己的域名如：muyunyun.cn寫入。

終端cd到blog目錄下執行如下命令重新部署：

$ hexo clean

$ hexo g

$ hexo d

網上許多都是說在Github上直接新建CNAME檔案，如果這樣的話，在你下一次執行hexo d部署命令後CNAME檔案就消失了，因為本地沒有此檔案嘛。

2.域名解析

如果將域名指向一個域名，實現與被指向域名相同的訪問效果，需要增加CNAME記錄。登入萬網，在你購買的域名後邊點選：解析 --> 新增解析

記錄型別：CNAME

主機記錄：將域名解析為example.com（不帶www），填寫@或者不填寫

記錄值：MuYunyun.github.io. (不要忘記最後的.，MuYunyun改為你自己的使用者名稱)，點選儲存即可，如下圖：

ps:萬網DNS地址更換貌似需要一段時間才能生效，如果不能訪問請晚點或者隔天再訪問域名，如果還是不行可能就是出問題了。

總結和說明

github pages雖然免費，但畢竟是國外的伺服器，國內訪問可以稍微緩慢，如果可以的話，可去買一個支援Node.js的國內雲空間即可。可以參考我之前寫的

1元搭建自己的雲伺服器~~搭建好這個部落格，滿滿的成就感。祝大家節日快樂~~

參考連結:Mac上搭建基於GitHub的Hexo部落格 （這篇博文寫得已經大部分很到位了，本文是基於這篇博文上做了些改動，博文所寫的都經過實踐，如有錯誤，歡迎指正）