Hexo Next主題中使用gitment評論功能

這幾天在折騰hexo搭建自己的博客,這個過程很簡單,但是搭建完發表兩篇文章之後發現沒有評論功能體驗就很不好了。後來看了一下配置文章發現hexo next主題已經內置了很多評論功能。有Disqus,暢言,valine,gitment等,對比之後發現還是使用gitment比較靠譜,畢竟是託管在GitHub上的,用起來比較穩。其他第三方會因爲各種需要實名、備案等問題,比較麻煩,也不穩定,比如暢言就關閉了。

gitment地址

1 在Hexo next主題中使用gitment

因爲我用的是比較新的5.1.4版本,因此gitment已經集成好了,只需在主題文件夾下面的_config.yml中修改配置即可。如果你使用的是比較低的版本,可以選擇升級一下版本或者在你的博客根目錄下用git bash輸入下面的命令安裝:

npm i --save gitment

(低版本)執行完之後便在_config.yml中找到gitment的開關配置了。

2 在github中申請應用

申請地址:Register a new OAuth application

以上根據你的情況填寫好之後,點擊“Register application”既可以了。之後會看到ClientIDClient Secret,這兩個後面會在hexo next主題配置中使用到。

3 配置gitment

在主題文件夾下面的_config.yml文件(路徑:themes/next/_config.yml)找到gitment的配置,修改配置。如下圖。

gitment是把評論放在對應倉庫的issue中的。
這時候應該就可以開通gitment評論功能了,發佈測試一下。

4 效果

5 遇到的問題

在測試的時候,出現了gitment無法登陸評論的問題(Object ProgressEvent)。
好像是因爲原作者的網站證書掛了,於是網上找了一下解決方法。

\themes\next\layout\_third-party\comments\gitment.swig

找到上面路徑的文件,找到以下代碼:

<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>

替換成:

<link rel="stylesheet" href="https://jjeejj.github.io/css/gitment.css">
<script src="https://jjeejj.github.io/js/gitment.js"></script>

解決方案原地址:https://github.com/imsun/gitment/issues/170

總結

經過以上設置,你應該就可以愉快的使用gitment了,有什麼問題歡迎給我發郵件~
原文首發於我的個人博客hjxlog

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