摘要: 別了，多說，擁抱Gitment。
2017年6月1日，多說正式下線，這多少讓人感覺有些遺憾。在比較了多個博客評論系統，我最終選擇了Gitment作為本站的博客評論系統：
-
UI簡潔，適合我的博客風格
-
使用GitHub賬號登陸，適合技術博客
-
使用GitHub Issues寫評論，符合程序員的習慣
1. 注冊OAuth Application
因為Gitment使用了GitHub的服務，因此需要注冊OAuth application。其中，Authorization callback URL必須填寫博客的域名(我填的是http://kiwenlau.com/)。注冊成功之后將獲取Client ID與Client Secret，后面將會用到。
2. 加載Gitment的CSS與JS文件
下載gitment.css與gitment.js，分別放入主題目錄的source/css與source/js目錄中
在layout/partial/head.ejs中添加
|
<!-- 加載gitment的css和js文件 -->
<linkrel="stylesheet"href="/css/gitment.css">
<scriptsrc="/js/gitment.js"></script>
|
3. 配置Gitment
添加layout/partial/gitment.ejs
|
<divid="gitment"></div>
<!-- 主頁不要加載gitment -->
<%if (!index){ %>
<script>
var gitment = new Gitment({
owner: 'kiwenlau',
repo: 'blog',
oauth: {
client_id: '619731e02d908157a502',
client_secret: '79d021512d492496a0729177b9acd807c579b1b6',
},
})
gitment.render(
'gitment')
</script>
<% } %>
|
-
client_id與client_secret為第1步注冊OAuth Application所獲取的Client ID與Client Secret
-
owner為你的GitHub賬戶名
-
repo為你保存評論的GitHub倉庫名稱，所有的評論將保存在該倉庫的Issues
在layout/partial/article.ejs中添加:
|
<%-partial('gitment') %>
|
4. 初始化Gitment
部署之后，就可以在博客頁面的下方看到評論框。登陸GitHub賬號之后，就可以對評論進行初始化，這樣就可以開始寫評論了。
每一篇博客的評論，對應於GitHub倉庫一個issue。但是這些issue是不存在的，因此需要通過初始化Gitment去創建issue。這一點比較麻煩，因為對於每一篇博客都需要進行初始化。
實現細節可以參考我的博客源碼blog，我們博客評論保存在這個倉庫的Issues
參考鏈接
Gitment：使用 GitHub Issues 搭建評論系統
版權聲明:
轉載時請注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/06/16/how-to-use-gitment/