gitalk评论

用 jekyll 创建一个属于自己的博客，非常简洁，但是没有评论模块，多少有些难受。

原主题带disqus评论，国外第三方评论系统，已经被墙了。

溜了一圈下来，Gitalk 成为了首选，基于GitHub issue评论插件

上模特：

gitalk效果图

这效果是不杠杠的。

上链接

1、申请一个 OAuth application，点击这里申请

有几个点需要注意

Application name *   //必填，自己随便起个名
Homepage URL *  //必填，自己的博客地址
Application description  //随便描述吧
Authorization callback URL *  //博客回调地址，填自己的博客地址，非常重要，否则会导致一些问题

注册后，就有Client ID 和Client Secret。后续配置需要用到。

2、安装、引入

到博客源码中，拷贝目录_includes下的comments.html 到你的项目中，

拷贝目录js下的gitalk.min.js 到你的项目中，

拷贝目录css下的gitalk.css 到你的项目中，

到你的目录_layouts下的post.html加入，

//页面头部
<link rel="stylesheet" href="../css/gitalk.css">
<script src="../js/gitalk.min.js"></script>

//页面底部
<!--   gitalk       -->
  
  <div class="comment">
  <div id="gitalk-container"></div>
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
<script>
var gitalk = new Gitalk({
    id: '2020-04-25 00:00:00 +0000',
    clientID: '6b54318175f749b31186',
    clientSecret: '517f5de83cb23a3ce0ba6fa163226875e8141af8',
    repo: 'bytew.github.io',
    owner: 'bytew',
    admin: ['bytew'], 
	labels: ['Gitalk'],
})
gitalk.render('gitalk-container')
</script> 

  </div>
  

到你博客项目的_config.yml中加入，

gitalk:
   enable: true
   owner: b***w  //你github用户名
   repo: b***w.github.io  //你git仓库
   clientID: 6b54318******49b31186 //前面注册的clientID
   clientSecret: 517f5de83cb23************63226875e8141af8 //前面注册的clientSecret
   admin: b***w //你github用户名

这部分内容的学习，感谢一之笔和 Ja.Code 的文章。

Written on April 25, 2020