1. 程式人生 > 實用技巧 >一款超好用的第三方評論外掛--Gitalk

一款超好用的第三方評論外掛--Gitalk

一,使用Gitalk的背景:

    1.最近在做一個基於Java的個人部落格系統,已經基本完工了,突然發現怎麼沒有評論的操作,如果再從頭開始從資料庫開始寫的話,花費的代價有點大,於是乎我就在網上尋找一款適合我的第三方評論外掛,第一次我找到了“暢言”,結果很令人失望,因為我的網站沒有備案,所以無法使用“暢言”。於是Gitalk就映入了我的眼簾。

    2.Gitalk 最初推出來,應該是想配合在 github 上建部落格,方便新增評論功能的。隨著其他評論外掛的沒落,Gitalk 就火起來了。Gitalk 是一個基於 Github Issue 和 Preact 開發的評論外掛。它除了支援 Hexo 外,還支援 java,php 等語言開發的部落格。

    3.講了這麼多,估計沒什麼用,哈哈。大家自己到Github上去看看就知道了:https://gitalk.github.io/

二,Gitalk的優點:

    經過我的親身經歷,我覺得它的最大優點就是方便,簡單,很適合新手。

三,具體的使用方法:

   1.首先需要到GitHub上去新建一個倉庫用於存放評論的內容:

    2.在設定中開啟isue功能:

    3.需要註冊一個Github Application具體步驟如下:

    (1)申請地址:https://github.com/settings/applications/new

    

    注意兩個URL就是你網站的域名。名字隨便寫,描述隨便寫。

    (2)完成之後便到了如下頁面:

    其中Client ID 和 Client Secret是我們需要的東西

   4.如上步驟完成之後,接下來你就會體驗到Gitralk 的方便之處:

   只需要將如下程式碼引入你想新增評論的 html 或者 jsp 頁面中就可以使用了

<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk@latest/dist/gitalk.min.js"></script> 

<div id="gitalk-container"></div>     
<script type="text/javascript">
    var
gitalk = new Gitalk({ // gitalk的主要引數 clientID: `f8b924888078dee1cXXX`, //上面獲取到的值 clientSecret: `7318911d69cddc8932c4b200a4e7c881a9XXX`,//上面獲取到的值 repo: `PingLunShuJu`, //您剛才建立倉庫的名字 owner: 'Tom-shushu', //你的GitHub使用者名稱字 admin: ['Tom-shushu'], //你的GitHub使用者的名字 id: 'indow.location.pathname', //id不能重複,如果重複就會把其他頁面的評論引進來 }); gitalk.render('gitalk-container'); </script>

   注意:第一次進入時評論模組載入不出來,需要註冊Github Application的賬號登入評論模組後重新整理頁面,就可以正常使用了。

四,我部落格的例項展示:

   1.訪問我的部落格:http://129.28.187.246:8080

   2.然後隨便點選一篇文章進入,底部就會出現評論模組: