Gitalk 教程

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

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

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

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

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后生成的两个密钥。

参考资料

• hexo 命令使用教程
• 解决执行hexo server出现Usage: hexo 的问题
• 解决执行hexo命令后出现bash: hexo: command not found错误的问题

： » Gitalk 教程