Hexo博客框架下針對Mellow主題進行Gitment評論功能配置

本文記錄Hexo博客框架下針對Mellow主題進行Gitment評論功能配置注意事項


使用場景

在個人博客上通過Gitment完成評論的搭建

(Gitment實現評論的記錄是通過GitHub倉庫的Issue來完成)

操作步驟

1.註冊 OAuth Application

首先點擊這裏註冊自己OAuth Application,此處有四個內容:

Application name:          權限應用名稱(隨意填寫)
Homepage URL:               授權主頁的全路徑(隨意填寫)
Application description:    授權應用描述(隨意填寫)
Authorization callback URL: 填寫你的博客網址(例:https://user.github.io/blog/),如果有域名則填域名.

申請成功後可以看到oauth的client_id,client_secret

2.安裝Gitment

$ npm install --save gitment

3.修改主題配置

此處和個人博客使用的主題相關,本人使用Mellow主題,在主題配置中完成配置後,部署依然會錯誤,點擊登錄時報Object ProgressEvent,原因是主題服務器過期,且主題作者未更新,需要在主題文件夾下尋找gitment或者comment的js文件,修改服務器配置.具體改動如下:

// 主題配置文件:\MyBlog\themes\mellow\_config.yml
# gitment評論系統
## https://github.com/imsun/gitment
gitment:
  enable: true #是否開啓評論系統
  lazy: true #是否開啓初始化隱藏評論
  owner: FishHunterFree #GitHub賬號名稱,就是登陸後的賬號名稱,Sign in as XXX 的 XXX
  repo: gitment #留言倉庫名稱,就是需要在本人的GitHub下新建一個Repositories用於記錄留言信息
  oauth: 
    client_id: XXX #oauth的client_id
    client_secret: XXX #oauth的client_secret
  perPage: 10 #分頁
  
// 在Mellow的文件下找了好久,最後從頁面報錯入手找到了異常代碼位置
// MyBlog\themes\mellow\source\js\plugins\gitmint.browser.js
// 檢索https://service.lujingtao.com/gitment,並將其替換成了網絡上一個有效的地址https://auth.baixiaotu.cc

4.初始化評論插件

點擊登入後,(未開放評論)的地方會顯示一個按鈕讓你初始化,點擊按鈕然後你就可以進行評論,在博客中引入評論,需要調整文件頭

---
title: title #標題
date: 2017-11-07 09:56:27 #創建時間
tags: [tag1, tag2] #標籤(同級)
categories: #分類(分層)
    - cat1
    - cat2
    - cat3
reward: false #是否開啓打賞功能
comment: false #是否開啓評論功能
top: 1 #置頂層級(數字越大,優先級越高)
repo: codefine | hexo-theme-mellow #用戶名 | 倉庫名
src: //i.loli.net/2017/12/12/5a2fd18a74471.jpg #主頁摘要縮略圖(外鏈以及相對資源均可)
---

更多主題參考可見

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章