前言

經常在檢視技術文章時跳轉到大佬們的個人部落格，看起來很酷很炫。也想自己搭一個。嗯，於是有了這篇部落格。

基礎概念

個人以為,學習使用一項技術之前首先要簡單瞭解下它的基本概念,不要一上來就幹~沒前戲是不行的。所以我們不妨先來看一下Hexo 和 GitHub Pages分別都是什麼，通過他們是怎麼來搭建個人部落格的。

Hexo是什麼

Hexo官網上對它的定義是一個快速，簡單而強大的部落格框架。個人理解就是它可以把我們通過markdown編寫的內容與主題模板結合，生成相應的Html靜態頁面。

Hexo 官方文件中有很詳細的介紹，強烈建議同學們仔細閱讀一下。

GitHub Pages是什麼

GitHub是程式碼託管平臺，那GitHub Pages是什麼呢？其實它就是GitHub提供的一個靜態站點的託管服務，可以自定義一個頁面，作為專案主頁來顯示。

Pages又分為兩類：專案頁面、個人/組織頁面。功能上來講是基本相同的，但還是有些細微的差別。專案頁面顧名思義是與某個專案繫結的，其儲存在該專案庫中，而個人/組織頁面不與特定專案繫結，並且網站檔案位於專用於GitHub頁面檔案的專用儲存庫中，我們這裡要使用的是個人頁面。

Hexo和Pages二者，一個生成靜態檔案，一個展示靜態檔案，相結合，美滋滋~

接下來就可以開始搭建相關環境了。

開始搭建

使用到GitHub和Hexo,那Git自然是必不可少的，Hexo基於node.js，所以也需要安裝node.js，安裝好後再用node.js自帶的npm工具來安裝Hexo。

1. 安裝Git

• Windown直接 下載 安裝。

2. 安裝node.js

node.js直接官網從下載相應版本安裝包安裝，Windows安裝時有個Add to PATH選項一定要勾選（預設是勾選的），這是新增到環境變數的意思。安裝完成後在命令列輸入node -v，如果版本資訊可以顯示，則說明安裝成功。

3. 安裝Hexo

完成上面兩步後，就可以開始安裝Hexo了！

首先在任意位置建立一個資料夾（命名隨意，建議hexo或blog等英文名）用於存放hexo檔案及部落格資源等，然後在該資料夾下右鍵開啟Git命令列（也可以是cmd，推薦git bash），輸入以下命令即可完成安裝！過程根據網路情況耗時不同，網路差的耐心等待就好。

npm install hexo-cli -g
hexo init
npm install

以上命令順利執行後，我們就完成了hexo的安裝。這時候可以執行hexo g和hexo s來生成預覽你的部落格啦。執行完後在瀏覽器中輸入http://localhost:4000/來預覽，嗯 你會看到一篇Hello World！環境配置就結束了，接下來我們來建立GitHub倉庫。

4. 建立GitHub倉庫

用於儲存個人\組織頁面Git倉庫的命名是有要求的：

所以建立時一定要注意倉庫的命名，比如我這樣的：

倉庫建立好之後需要把倉庫地址配置到hexo配置檔案_config.yml中（處於最外層目錄），這裡的倉庫連結建議使用SSH的方式，如果沒有配置過SSH Key可以參考配置Git ssh key。

注意：_config.yml中的value和冒號之間都有一個空格

5. 安裝hexo-deployer-git自動部署工具

 npm install hexo-deployer-git  --save

直接命令列安裝就可以。比較簡單，但對網路要求比較高，網路差的這一步會很慢。

6. 釋出到GitHub

安裝好上面外掛後，就可以部署到GitHub了。輸入下面命令(表示先編輯再發布)，過程可能稍慢。

hexo d -g

在釋出完成後就可以開啟username.github.io來試試看能不能訪問了。