一款超好用的第三方評論插件--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.然后隨便點擊一篇文章進入,底部就會出現評論模塊:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM