Gitalk 教程

业余杂谈 herman 56浏览 0评论

随着多说,网易云跟帖等第三方评论插件的关闭,市场上留下来的评论插件不多了。其中 disqus 在国内速度太慢,畅言现在回给网站添加上广告,而且原来所说的站长和畅言分成,现在也没有了。所以我们的可有的选择不多了。

要不自己开发评论系统,要不寻找其他出路。好在 github 的 Gitalk 速度还可以。也有不少网友采用,因此我这里整理了关于它的一些教程。

Gitalk 最初推出来,应该是想配合在 github 上建博客,方便添加评论功能的。随着其他评论插件的没落,Gitalk 就火起来了。

Gitalk 是一个基于 Github Issue 和 Preact 开发的评论插件。它除了支持 Hexo 外,还支持 java,php 等语言开发的博客。

Register a new OAuth application

Gitalk 安装方法

第一种,最简单的安装方法:

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

第二种,使用npm命令:

npm i --save gitalk
import 'gitalk/dist/gitalk.css'
import Gitalk from 'gitalk'

安装好之后,我们开始使用它。在文章页面,加入下面的代码即可开启 gitalk 评论功能。

<div id="gitalk-container"></div>
<script>
var gitalk = new Gitalk({
    id: 'www.xttblog.com?p=2746',
    clientID: '61bfc53d957e74e78f8f',
    clientSecret: '31c61e66cdcc9ada8db2267ee779d0bdafac434c',
    repo: 'blog-comments',
    owner: 'xttblog',//github用户名
    admin: ['xttblog'],//github用户名
    labels: ['gitment'],
    perPage: 50,
})
gitalk.render('gitalk-container')
</script>

clientID 和 clientSecret 是你创建OAuth Application后生成的两个密钥。

参考资料

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!

本文原文出处:业余草: » Gitalk 教程