1. 程式人生 > >Mac上基於hexo+GitHub搭建個人部落格(一)

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 ghexo d

執行成功後,瀏覽器輸入https://Numen-fan.github.io(將Numen-fan改為自己的Github使用者名稱即可),此時就能看到剛才和本地http://localhost:4000一樣的介面了

注意這裡如果你沒有做SSH key的關聯,在hexo d 時是需要你輸入github的使用者名稱和密碼的。我之前做了關聯,所有沒有提示,每次都需要輸入密碼很煩,所以請參考配置SSH Key到GitHub

此致,敬禮