1. 程式人生 > >GitHub+hexo+gitment搭建一個具有評論功能的個人部落格(入門級)

GitHub+hexo+gitment搭建一個具有評論功能的個人部落格(入門級)

電腦環境是Windows,安裝好git後,所有搭建操作均在git bash內完成

1.安裝git, node.js, npm

(注意:首次安裝git 要配置user資訊

$git config --global user.name "yourname"   #(yourname是git的使用者名稱)

$git config --global user.email email)

2.使用npm安裝hexo: npm install -g hexo

3.建立hexo資料夾,並單擊滑鼠右鍵選擇 Git bash:(我的建立路徑是:E:\一古學習hexo)

4.在git bash 下操作:

$hexo init #hexo 會自動建立網站所需要的檔案

$npm install #安裝依賴包

$hexo generate  # hexo g = hexo generate

$hexo server #現在可以用127.0.0.1:4000訪問hexo預設的hello world介面 ,hexo s = hexo server

5.部署到github (https://github.com/),首先註冊登入,然後建立頁面倉庫,Repository name 命名應該是 youname.github.io ,(youname 就是你註冊時候用的name)

ssh-keygen -t rsa -C "email" #生成ssh金鑰,按三次回車鍵,密碼為空,這邊會生成id_rsa和_rsa.pub檔案,開啟id_rsa.pub,複製全文新增到GitHub 的Add SSH key中。

$hexo generate

$hexo deploy

表示成功

通過https://qinuniverse.github.io進行訪問

6.但是目前訪問的部落格比較簡單,可以使用hexo的主體模板,下面介紹使用:hexo-yilia模板

$git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia  #下載hexo的yilia 模板到自己的檔案目錄下

開啟專案目錄下的_config.yml檔案,更改theme:

這邊暫時用了原始模板,後期可以在 themes/yilia目錄下的_config.yml進行自定義顯示設計

7.開啟評論功能:使用gitment

$npm install gitment --save  #安裝gitment

然後在 https://github.com/settings/applications/new 進行註冊,獲取Client ID和Client Secret

開啟themes/yilia目錄下的_config.yml檔案進行修改並儲存:


再次生成網站和提交網站:

$hexo g

$hexo d

等一會之後就可以訪問了: https://qinuniverse.github.io

功能截圖: