Mac上基於hexo+GitHub搭建個人部落格(一)
之前一直使用部落格園和簡書,但是部落格園太複雜,而簡書雖然很簡單,但是沒什麼新鮮感,偶然得知hexo+github可以搭建自己的部落格,主要是可以自己定主題,還很simple,因此,找了個時間,自己搞了一下,感覺還可以,就自己弄了一個。
1 環境配置
Hexo官網上有搭建文件!
1.1 安裝Node.js
Node.js是一個Javascript執行環境,用來生成靜態介面,到Node.js官網上下載相應的版本即可,我搭建時v8.11.1 LTS,傻瓜式一路安裝!
1.2 Git
mac系統自帶Git
2. 安裝Hexo
2.1 安裝Hexo
當前兩步準備好了之後,就可以使用命令安裝了,開啟終端輸入命令:
$ sudo npm install -g hexo
這個地方一開始出現rollbackFailedOptional,好像是什麼Failed,正當我去百度的時候,再回頭,居然在開始安裝了,懵逼!
2.2 本地初始化操作
cd 到你想安裝的目錄,比如我選的Documents下,執行hexo
init
命令
$ hexo init iblog
iblog
是我建立的資料夾名稱,cd到iblog
資料夾下,執行安裝npm
命令:
$ npm install
開啟hexo伺服器:
$ hexo s
此時終端出現
指示我們的伺服器已經開始跑起來了,在瀏覽器中輸入網址:http://localhost:4000/
此時說明本地已經設定好了!,接下來開始關聯GitHub。
3 關聯Github
首先New repository
以下,建立一個新的倉庫,注意倉庫名稱為固定寫法使用者名稱.github.io
,比如我的為Numen-fan.github.io
,如下圖所示:
建立完成後為:
同時本地iblog
資料夾下有如下內容:
cd到iblog
下面,vim
開啟_config.yml
檔案,
$ vim _config.yml
開啟後翻倒最後面修改為如下樣式(我是用submit開啟的):
deploy: type: git repository: https://github.com/Numen-fan/Numen-fan.github.io.git branch: master
注意這裡的連結是建立倉庫時生成的,為了手寫錯誤,最好從創建出copy過來
同時注意這裡的
:
後一定需要空格(切記)
在iblog
下執行如下命令,用來生成靜態的頁面
$ hexo g
網上說這裡可能報錯
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
我似乎沒有,蠻幸運。
解決辦法是
$ npm install hexo --save
然後再開始配置,執行以下命令
$ hexo d
這個地方我報錯了,提示無法連結到gi或找不到git,解決辦法是需要安裝hexo-deployer-git
$ npm install hexo-deployer-git --save
這個時候彈出:
這個地方需要輸入的是電腦的登入密碼,我一開始以為是Github的賬號密碼了(懵逼)
可以選拒絕,隨後需要輸入以下兩項:
Username for GitHub:
Password for GitHub:
後面配置了SSH之後,就可以不用每次輸入了;
然後再次執行hexo g
和 hexo d
執行成功後,瀏覽器輸入https://Numen-fan.github.io(將Numen-fan改為自己的Github使用者名稱即可),此時就能看到剛才和本地http://localhost:4000
一樣的介面了
注意這裡如果你沒有做SSH key的關聯,在
hexo d
時是需要你輸入github的使用者名稱和密碼的。我之前做了關聯,所有沒有提示,每次都需要輸入密碼很煩,所以請參考配置SSH Key到GitHub
此致,敬禮