Gitalk 教程

业余杂谈 herman 525浏览 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)!可加QQ1群:135430763(2000人群已满),QQ2群:454796847,QQ3群:187424846。QQ群进群密码:xttblog,想加微信群的朋友,可以微信搜索:xmtxtt,备注:“xttblog”,添加助理微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

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