dbblog评论仓库,使用gitalk插件 https://github.com/gitalk/gitalk/blob/master/readme-cn.md
Gitalk 是一个利用 Github API,基于 Github issue 和 Preact 开发的评论插件,在 gitalk 的评论框进行评论时,其实就是在对应的 issue 上提问题。
- 引入js和css
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
- 添加一个容器:
<div id="gitalk-container"></div>
- 用下面的 Javascript 代码来生成 gitalk 插件:
var gitalk = new Gitalk({
clientID: 'GitHub Application Client ID',
clientSecret: 'GitHub Application Client Secret',
repo: 'GitHub repo',
owner: 'GitHub repo owner',
admin: ['GitHub repo owner and collaborators, only these guys can initialize github issues'],
id: location.pathname, // Ensure uniqueness and length less than 50
distractionFreeMode: false // Facebook-like distraction free mode
})
gitalk.render('gitalk-container')
其中的参数获取如下: clientID 和 clientSecret 需要申请 GitHub Application,如果没有 点击这里申请,实例填写的域名是插件页面的域名。 示例如下:
repo参数需要你新建一个仓库,作为评论容器
owner和admin都是你的github账号
评论插件展示如下(点击此处查看):
当你用 github 帐号登录(管理员)时,第一次加载会比较慢,因为第一次加载会自动在你 repo 的仓库下创建对应 issue。
因此,你需要在每篇文章发表后都点进去开启评论(创建issue),此处应该可以后端解决一下 // TODO
另外,参数里的id长度不能大于50,否则会创建issue失败