Ⅰ.GitHub + Hexo (1)：在 OS X 下建立你的第一個博客——史上最靠譜教程

前言

建立個人博客的方法很多， GitHub + Hexo 只是其中的一種，但這種方法幾乎不需要基礎，上手簡單，維護方便，是建立個人博客的理想方法。

這是我的個人博客：北境。

關於系列教程，我推薦的閱讀順序為：

GitHub + Hexo (5)：總結

GitHub + Hexo (1)：在 OS X 下建立你的第一個博客——史上最靠譜教程

GitHub + Hexo (2)：部署博客及更新博文

GitHub + Hexo (3)：安裝主題

GitHub + Hexo (4)：配置第三方服務

GitHub + Hexo (5)：總結

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

這是我真正意義上的第一篇文章，起因是21個小時前看了@Crossin 的這篇win教程「 用 GitHub + Hexo 建立你的第一個博客」，剛好又有些空餘時間，於是用手上的這台mbp實踐了下。沒想到這次實踐困難重重，加之網上所能搜索到的教程殘缺不全，因而自己動手寫下這篇教程。

本文適合小白看，完全白紙的都可以，也歡迎大神們不吝賜教。

這裡要特別感謝我的學長@湖區技工，正是在他的幫助下，我才得以完成了這次實踐並寫下這篇教程。

關於GitHub和Hexo的介紹以及GitHub註冊的步驟我就不贅述了，大家可以前往win教程查看。

PS：我的系統為10.10.4

安裝軟體

一、打開Hexo官網

1、官網是這個樣子的，打開速度可能會比較慢，耐心等一等。

2、右上角將語言切換為簡體中文（最初我並沒有注意到語切換，直接就英文看完了全程，摔），隨後點擊中部的箭頭，進入簡略教程。

3、頁面中所提示的這部分我沒有遇到。

Mac 用戶

您在編譯時可能會遇到問題，請先到 App Store 安裝 Xcode，Xcode 完成後，啟動並進入 Preferences -> Download -> Command Line Tools -> Install 安裝命令行工具。

二、安裝Git

1、這裡直接點擊藍色字體的「安裝程序」，隨後的界面將是這樣的。

2、點擊「download」，隨後在你的下載目錄中找到.dmg文件，雙擊安裝。

三、安裝 Node.js

1、首先打開Terminal，如果不知道在哪兒的話直接全局搜索，中文應該叫「終端」，長這樣子。

2、輸入

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

這裡實際上不需要cd到一個新的文件夾，直接安裝就好。

3、到這裡還是一切正常，隨後麻煩就來了。我們重啟Terminal（右擊Dock中的圖標，選擇Quit，然後再打開）並輸入

$ nvm install stable

得到的將是這個，反覆幾次都是如此。

4、官網並沒有對這個現象做出詳細的解釋，在這裡學長給出解答。這是因為沒有配置環境變數，比如我的電腦里就只有python 3.5的環境變數。在Terminal中輸入

$ vim ~/.bash_profile

就可以查看當前所有的環境變數。

5、解決的方案在這裡——安裝nvm後，運行nvm,輸出-bash:nvm:command not find

輸入

$ curl -o-https://raw.githubusercontent.com/creationix/nvm/v0.25.4/install.sh | bash

6、然後我們重複步驟3，將得到下圖，到這裡Node.js就安裝成功了。

四、安裝 Hexo

1、在Terminal中輸入，在這裡我碰到第二個問題。

$ npm install -g hexo-cli

2、這是由於

npm ERR! Please try running this command again as root/Administrator.

因而改進代碼，輸入

$ sudo npm install -g hexo-cli

3、此時會要求輸入Password，這裡應該是你電腦的開機密碼，注意游標是不會移動的，正常輸入密碼就好。

4、安裝完成時的界面是這樣的。

建站

1、安裝 Hexo 完成後，輸入

$ hexo init <folder>

Hexo將會在指定文件夾中新建所需要的文件。注意你自己新建文件夾的時候是不要「<>」的。

2、完成時是這樣的（其實這裡有問題）。

3、隨後輸入

$ cd <folder>$ npm install

然後問題就來了，Terminal沒反應，包括隨後的幾個步驟都是得不到正確回應的。

4、和上面的問題一樣，改進代碼，得到

5、完成時應該是這樣。

本地測試

1、cd到剛才創建的文件夾，否則將會是這樣。

2、cd到剛才創建的文件夾，例如我就是

$ cd hello

回車後輸入

$ hexo g

3、再輸入

$ hexo s

4、查看成果的時候到了，打開Terminal下方的網址，大功告成。當然，這步可能會非常慢，我等了好久，以至於以為又出了什麼bug。

5、最後關閉測試。

最後

最後就先寫到這吧，早上起來再修改。

各位有任何疑問或者批評建議，歡迎留言。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

這是我學長@湖區技工 的個人博客SuKai。

這是我的個人介紹Hello, world.，今後我的個人博客也會慢慢建立起來的，哈哈。

這是我的第二篇文章ⅠⅠ.初探日記：TuShare＋Matplotlib。

推薦閱讀：