使用github和hexo搭建部落格

---

title: 使用Github和hexo搭建個人部落格

對於程式設計師來說，寫部落格是一個好的習慣，今天給大家介紹一下怎麼使用github和hexo來搭建一個部落格。

使用github的page服務來搭建部落格有幾個好處：

1. 顯得比較有geek範兒，跟是用來csdn等部落格平臺相比，需要一定的動手與折騰能力
2. 和其他的部落格平臺相比，可以自己完全控制現實的內容，哪的樣式不好看，不喜歡，直接動手改css樣式即可，和其他的部落格平臺滿是廣告和有點醜爆的介面相比，有一種自己掌控全域性的感覺，而不是將自己的東西交給別人託管
3. 寫部落格來說畢竟還是要穩定比較好，雖然說自己也可以寫一個部落格系統或者使用WordPress來搭建一個部落格，但是東西放在雲伺服器上萬一哪天忘了續費，或者伺服器掛了資料丟失那不是太可惜了。而github部落格是把部落格內容全放在github上面，至少不會擔心資料穩定性的問題。而且藉助於git在什麼地方，換臺電腦使用git 將部落格pull下來就能接著寫。

---

廢話有點多，現在開始吧:

首先你需要有個Git，這個東西應該大家都裝了的，畢竟是吃飯幹活必備的傢伙，

第二：需要裝有NodeJs,這裡主要是要用到隨同NodeJs一起的npm包管理工具，npm和nodejs的關係應該就像maven之於java，composer之於php，可以允許使用者直接從npm伺服器上下載別人編寫好的第三方包到本地使用，我們就是藉助於npm下載hexo

mac使用者可以使用brew安裝nodejs

brew install nodejs

windows使用者就要去nodejs的官網上面下載安裝包來進行安裝NodeJs下載地址
安裝完成後將其新增到path路徑中，就可以直接在cmd中使用npm命令了

正題開始： 安裝hexo

npm install -g hexo-cli

安裝過程可能會比較慢，因為會去國外的npm伺服器上拉取依賴，你也可以設定國內的npm映象，比較好用的是淘寶的npm映象伺服器，設定教程
安裝完成後可以使用

hexo -v

來驗證hexo有沒有安裝成功

如下圖一樣，列印出hexo的資訊就代表安裝成功，離革命成功又進了一步

然後我們在我們的本地新建一個資料夾，用來存放hexo的配置資訊，以及我們即將要寫的部落格檔案，進入該資料夾

mkdir ~/hexo-test 
cd ~/hexo-test
hexo init

初始化會去hexo伺服器下載一些相關的資源，然後安裝對應的依賴，依賴安裝完成後會顯示安裝過的依賴列表

完後過後可以在剛才的檔案中看到生成了以下的內容

• _comfig.yml： 主要存放的是hexo的相關配置，比如等會要進行的主題，github賬戶等等都是在這裡邊進行配置,hexo的大部分配置都在這個檔案裡面
• node_modules： hexo的依賴包
• package.json： hexo的依賴描述檔案
• scaffolds：模版 資料夾。當您新建文章時，Hexo 會根據 scaffold 來建立檔案。Hexo的模板是指在新建的markdown檔案中預設填充的內容。例如，如果您修改scaffold/post.md中的Front-matter內容，那麼每次新建一篇文章時都會包含這個修改。
• source：資原始檔夾是存放使用者資源的地方。除 _posts 資料夾之外，開頭命名為 _ (下劃線)的檔案 / 資料夾和隱藏的檔案將會被忽略。Markdown 和 HTML 檔案會被解析並放到 public 資料夾，而其他檔案會被拷貝過去。
• themes： 主題資料夾，Hexo 會根據主題來生成靜態頁面。

現在我們使用

hexo generate
hexo server

開啟瀏覽器，輸入localhost:4000，就能看到我們的部落格介面了。

到此我們大部分的工作就已經差不多了，不過我們還需要做些其他的調整，比如將部落格部署到GitHub上面，以及調整hexo生成的html的樣式主題，讓其看起來好看一些。

部署到GitHub上面：
首先我們要去我們的github賬戶上面新建一個repostory，命名必須為yourname.github.io,比如我的github使用者名稱為kinderao，那麼倉庫名稱為kinderao.github.io,這個地方必須按照使用者名稱命名。
然後繼續bash中輸入

npm install hexo-deployer-git --save

安裝hexo的部署外掛
然後編輯（hexo-test）部落格目錄下的_config.yml檔案，找到deploy節點，

然後將type設定為git，repo設定為剛才在github上面新建的倉庫地址，現在我們在bash中輸入：

hexo deploy

這樣我們部落格就已經部署到github上了，我們可以開啟瀏覽器，輸入github使用者名稱.github.io，我的賬戶名為kinderao，所以我的部落格地址為kinderao.github.io，你就可以看到部落格已經成功的部署到github上了。

如果對於部落格的介面感覺不太滿意，下面教大家修改主題，在hexo官網上有很多漂亮的主題，選擇自己喜歡的主題，然後將其拷貝或者使用git pull到theme資料夾下，然後再次回到_config.yml檔案中修改theme節點，修改為對應的主題名稱，然後重新使用hexo生成一次網頁，就可以看到漂亮的主題已經成功的應用到了網頁上了。

這裡給大家推薦一下自己使用的主題，apollo主題，主題地址。

到此基本上我們的部落格也就搭建成功了。每次需要寫部落格可以使用

hexo n

新建一篇部落格，也可以直接在soure資料夾下的_post資料夾下新建一個markdown檔案，然後hexo會自動過載md檔案，也就可以在本地瀏覽器上預覽生成的網頁，覺得寫得差不多了過後，使用deploy命令就可以將其部署到github上了。

另外如果大家寫部落格需要插入圖片的話，由於GitHub的網路不是特別好，所以圖片傳上去會掛，推薦大家使用圖床結合markdown來寫部落格，我自己使用的是七牛的雲端儲存來做圖床，可以註冊賬號，有免費的10個g流量，基本上夠用，而且只要把圖片一傳到七牛，然後拿著外鏈貼上到markdown中，markdown中就只用儲存文字內容即可，隨便把裡面的內容貼上到其他的平臺就可以直接釋出部落格了，而不用像之前一張圖片一張圖片的上傳。

由於一直手動上傳圖片到七牛也是一件重複低效的事，這裡給大家推薦一下ipic圖床軟體，一個專注於圖片上傳的軟體，只需要一個快捷鍵就能將圖片上傳上去，或者是使用mweb或者wordmark這兩款帶圖床上傳功能的markdown編輯器，這幾款軟體都是收費的（逃）。雖然收費，不過還是推薦大家使用哈，畢竟還是可以提高我們的工作效率，專注於部落格本身。