mac下搭建github博客

一、環境配置

1. brew下載 || 輸入命令:

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2. git下載 || 輸入命令:

brew install git

3. nodejs下載 || 輸入命令:

brew install node

4. 檢查git、nodejs版本

git --versionnode -v

二、hexo

5. 安裝hexo

sudo npm install -g hexo-cli

6. 初始化hexo

hexo init hexo

7. 進入到hexo文件夾下

cd hexonpm install

8. 開啟hexo伺服器。

hexo s

瀏覽器中輸入:localhost:4000,頁面如圖所示,hexo本地配置成功。

三、關聯github

9. 創建倉庫。登錄到自己到github賬號,新建倉庫,倉庫名為:用戶名.github.io,如圖所示。

10. 進到hexo文件夾下,打開_config.yml文件

cd hexovi _config.yml

11. _config.yml文件的最後,鍵入i,修改成下面配置:

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

注意:type,repo,branch後需要跟一個空格,否則hexo執行出錯。XXX為自己的github賬號。

12. 在blog文件夾目錄下執行生成靜態頁面命令:

hexo generate

注意:如果報錯:

ERROR Local hexo not found in ~/blogERROR Try runing: npm install hexo --save

則執行下列命令:

npm install hexo --save

13. 再執行下列命令:

hexo deploy

如果報錯:

ERROR Deployer not found: git

輸入下列命令:

npm install hexo-deployer-git --save

(此命令執行結束後,再次執行12,13步驟。13步驟成功後,在瀏覽器中打開:XXX.github.io,出現和localhost:4000一樣的頁面。)

四、更換主題,妹紙的最愛。

14. 在hexo主題頁找到自己喜歡的主題。具體操作見官方文檔,例如next主題。

參考文章:

Documentation

Mac上搭建基於GitHub的Hexo博客

Hexo常見問題解決方案 - Huang Shiyang


推薦閱讀:

搭建個人博客,你需要知道這些
在中國靠做 WordPress 主題賺錢是否靠譜?
一個里程碑
為什麼很多人熱衷於搶沙發?
The Verge 獲得 100 萬讀者花了多久?紐約時報呢?

TAG:GithubPages | 博客 | GitHub |