原文地址: http://fanjiajia.cn/2018/11/23/Mac上基於hexo+GitHub搭建個人博客(一)/#more
之前一直使用博客園和簡書,但是博客園太復雜,而簡書雖然很簡單,但是沒什么新鮮感,偶然得知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
此致,敬禮