用GitHub Issue取代多说,是不是很厉害?
摘要: 别了,多说,拥抱Gitment。2017年6月1日,多说正式下线,这多少让人感觉有些遗憾。在比较了多个博客评论系统,我最终选择了Gitment作为本站的博客评论系统:UI简洁,适合我的博客风格使用GitHub账号登陆,适合技术博客使用GitHub Issues写评论,符合程序员的习惯
摘要: 别了,多说,拥抱Gitment。
2017年6月1日,多说正式下线,这多少让人感觉有些遗憾。在比较了多个博客评论系统,我最终选择了Gitment作为本站的博客评论系统:
- UI简洁,适合我的博客风格
- 使用GitHub账号登陆,适合技术博客
- 使用GitHub Issues写评论,符合程序员的习惯
1. 注册OAuth Application
因为Gitment使用了GitHub的服务,因此需要注册OAuth application。其中,Authorization callback URL必须填写博客的域名(我填的是http://kiwenlau.com/)。注册成功之后将获取Client ID与Client Secret,后面将会用到。
2. 加载Gitment的CSS与JS文件
下载gitment.css与gitment.js,分别放入主题目录的source/css与source/js目录中
在layout/partial/head.ejs中添加
<!-- 加载gitment的css和js文件 -->
<link rel="stylesheet" href="/css/gitment.css">
<script src="/js/gitment.js"></script>
3. 配置Gitment
添加layout/partial/gitment.ejs
<div id="gitment"></div>
<!-- 主页不要加载gitment -->
<% if (!index){ %>
<script>
var gitment = new Gitment({
owner: 'kiwenlau',
repo: 'blog',
oauth: {
client_id: '619731e02d908157a502',
client_secret: '79d021512d492496a0729177b9acd807c579b1b6',
},
})
gitment.render('gitment')
</script>
<% } %>
- client_id与client_secret为第1步注册OAuth Application所获取的Client ID与Client Secret
- owner为你的GitHub账户名
- repo为你保存评论的GitHub仓库名称,所有的评论将保存在该仓库的Issues
在layout/partial/article.ejs中添加:
<%- partial('gitment') %>
4. 初始化Gitment
部署之后,就可以在博客页面的下方看到评论框。登陆GitHub账号之后,就可以对评论进行初始化,这样就可以开始写评论了。
每一篇博客的评论,对应于GitHub仓库一个issue。但是这些issue是不存在的,因此需要通过初始化Gitment去创建issue。这一点比较麻烦,因为对于每一篇博客都需要进行初始化。
实现细节可以参考我的博客源码blog,我们博客评论保存在这个仓库的Issues
参考链接
关于Fundebug
Fundebug专注于JavaScript、微信小程序、微信小游戏、支付宝小程序、React Native、Node.js和Java线上应用实时BUG监控。 自从2016年双十一正式上线,Fundebug累计处理了10亿+错误事件,付费客户有阳光保险、荔枝FM、掌门1对1、核桃编程、微脉等众多品牌企业。欢迎免费试用!
版权声明:
转载时请注明作者Fundebug以及本文地址
https://blog.fundebug.com/2017/06/16/how-to-use-gitment/
您可能感兴趣的
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
所有评论(0)