用GitHub Issue取代多说,是不是很厉害?

简介: 摘要: 别了,多说,拥抱Gitment。2017年6月1日,多说正式下线,这多少让人感觉有些遗憾。在比较了多个博客评论系统,我最终选择了Gitment作为本站的博客评论系统:UI简洁,适合我的博客风格使用GitHub账号登陆,适合技术博客使用GitHub Issues写评论,符合程序员的习惯1. 注册OAuth Application因为Gitment使用了GitHub的服务,因此需要注册OAuth application。

摘要: 别了,多说,拥抱Gitment

2017年6月1日,多说正式下线,这多少让人感觉有些遗憾。在比较了多个博客评论系统,我最终选择了Gitment作为本站的博客评论系统:

  • UI简洁,适合我的博客风格
  • 使用GitHub账号登陆,适合技术博客
  • 使用GitHub Issues写评论,符合程序员的习惯

1. 注册OAuth Application

因为Gitment使用了GitHub的服务,因此需要注册OAuth application。其中,Authorization callback URL必须填写博客的域名(我填的是http://kiwenlau.com/)。注册成功之后将获取Client IDClient Secret,后面将会用到。

2. 加载Gitment的CSS与JS文件

下载gitment.cssgitment.js,分别放入主题目录的source/csssource/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_idclient_secret为第1步注册OAuth Application所获取的Client IDClient Secret
  • owner为你的GitHub账户名
  • repo为你保存评论的GitHub仓库名称,所有的评论将保存在该仓库的Issues

layout/partial/article.ejs中添加:

<%- partial('gitment') %>

4. 初始化Gitment

部署之后,就可以在博客页面的下方看到评论框。登陆GitHub账号之后,就可以对评论进行初始化,这样就可以开始写评论了。

每一篇博客的评论,对应于GitHub仓库一个issue。但是这些issue是不存在的,因此需要通过初始化Gitment去创建issue。这一点比较麻烦,因为对于每一篇博客都需要进行初始化。

实现细节可以参考我的博客源码blog,我们博客评论保存在这个仓库的Issues

参考链接

Gitment:使用 GitHub Issues 搭建评论系统

欢迎加入我们Fundebug全栈BUG监控交流群: 622902485

img_5e583cf022f6093999a0e7b71ca1638b.jpe

版权声明:
转载时请注明作者Fundebug以及本文地址:
https://blog.fundebug.com/2017/06/16/how-to-use-gitment/

目录
相关文章
|
26天前
|
设计模式 Java 测试技术
【Selenium使用误区】Iframe元素定位失败:避免误提GitHub Issue的技巧
本文分享了作者在使用Selenium进行UI自动化测试时遇到的一个常见问题:在模拟登录163邮箱的过程中,元素定位失败,原因是没有正确地定位到iframe内的元素。文章通过分析问题原因、提供解决方案和附录代码,指导读者如何避免类似的错误,并强调了在UI自动化测试中准确定位页面元素的重要性。
21 1
|
开发者
Github 提交 issue 的正确姿势
最近 Fair 社区一直比较活跃,每天都能收到好几个 issue 的提交。
716 1
|
数据可视化 安全 网络协议
登上了 Github trending!这个 API 管理工具新秀厉害了!
主打开源+插件生态,它是免费的,有 API 相关的核心功能,适合中小团队及个人开发者。2022 年被 Gitee(码云)评为GVP(最有价值的开源项目) ,经过众多用户的积极反馈,多次优化迭代更新,如今在 Github上也有1.6 K star 。
登上了 Github trending!这个 API 管理工具新秀厉害了!
|
SQL 机器学习/深度学习 JSON
钉钉/企业微信机器人:“Github触发器”与“Issue机器人”
众所周知,在Serverless领域中,触发器是FaaS必不可少的一部分;一个FaaS平台,他的触发器数量、质量以及类型,很可能会决定这个FaaS平台是否能成为“主流”平台;因为触发器不仅仅是一种功能的体现,更是解决普遍性业务诉求的一个重要途径;目前来看,各个云厂商所提供的触发器基本上都会包括API网关触发器、对象存储触发器、时间触发器等,当然也有厂商提供一定的消息触发器、日志触发器、甚至是一些SQL相关的触发器、CDN触发器等,那么在我们的实际生产生活中,这些表面上看起来“很基础”的触发器,是否可以升级成为一个有趣的“高级触发器”呢?
633 0
GitHub经典教材!阿里P8的这份SpringBoot精髓到底厉害在哪里?
springboot作为现在spring技术体系里面最热门的框架没有之一,既可以用于构建企业应用系统也可以用作高性能互联网应用。
GitHub经典教材!阿里P8的这份SpringBoot精髓到底厉害在哪里?
|
JavaScript API
用nodejs读取github上某仓库的某条issue明细
用nodejs读取github上某仓库的某条issue明细
228 0
用nodejs读取github上某仓库的某条issue明细
|
程序员
使用代码将github仓库里某个issue同步到CSDN博客上
我是一个懒惰的程序员。我在github仓库里用issue的方式写了很多分享文章,想同步到CSDN上。但是我又不想一篇篇手动复制粘贴,因此想用代码来实现自动化。 例子: https://github.com/i042416/KnowlegeRepository/issues/2215 这是我的一个issue:
使用代码将github仓库里某个issue同步到CSDN博客上
Github issue里MVP和Stretch label的区别
Github issue里MVP和Stretch label的区别
115 0
Github issue里MVP和Stretch label的区别
|
API 索引
开发一个简单的工具,导出github仓库所有issue列表
开发一个简单的工具,导出github仓库所有issue列表
350 0
开发一个简单的工具,导出github仓库所有issue列表
|
JSON API Go
ABAP开发的Github issue备份工具
ABAP开发的Github issue备份工具
ABAP开发的Github issue备份工具