用GitHub Issue取代多說，是否是很厲害？

摘要: 別了，多說，擁抱Gitment。

2017年6月1日，多說正式下線，這多少讓人感受有些遺憾。在比較了多個博客評論系統，我最終選擇了Gitment做爲本站的博客評論系統：

• UI簡潔，適合個人博客風格
• 使用GitHub帳號登錄，適合技術博客
• 使用GitHub Issues寫評論，符合程序員的習慣

1. 註冊OAuth Application

由於Gitment使用了GitHub的服務，所以須要註冊OAuth application。其中，Authorization callback URL必須填寫博客的域名(我填的是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文件 -->
<link rel="stylesheet" href="/css/gitment.css"> 
<script src="/js/gitment.js"></script> 
複製代碼

3. 配置Gitment

添加layout/partial/gitment.ejs

<div id="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

Fundebug專一於JavaScript、微信小程序、微信小遊戲、支付寶小程序、React Native、Node.js和Java實時BUG監控。 自從2016年雙十一正式上線，Fundebug累計處理了6億+錯誤事件，獲得了Google、360、金山軟件等衆多知名用戶的承認。歡迎免費試用！

版權聲明

轉載時請註明做者Fundebug以及本文地址：
blog.fundebug.com/2017/06/14/…