在Jekyll博客添加评论系统:gitment篇

最近在Github Pages上使用Jekyll搭建了个人博客( jacobpan3g.github.io/cn ),当需要添加评论系统时,找了一下国内的几个第三方评论系统,如“多说”,“畅言”,“友言”,“新浪云跟贴”:

多说,曾经较火的评论系统,网上介绍文章比较多,但已关闭,无法再用了

畅言,sohu旗下的,但是需要个人博客备案后才能使用,但github pages个人博客感觉备案比较难

友言,jiaThis旗下的,由于时http请求,github pages现在都是https了, 在https站点无法调用http请求,故也无法使用

网易云跟贴,曾被当作“多说”的替代品,可惜官方通报说也将在2017.08.01关闭了

再看看disqus,国外比较火的评论系统,但在国内墙了,故也不考虑。

综上,国内几个比较主流的评论系统目前都无法在Github Pages上的个人博客使用, 后面我发现了gitment,一款由国内大神imsun开发的基于github issues的评论系统, 具体介绍请看项目主页( github.com/imsun/gitment )。

目前我已经成功把gitment应用到了自己的Github pages个人博客里,过程中碰了一些壁, 同时发现网上关于gitment的介绍并不多,故写一篇总结,希望可以帮助到大家。

1. 申请一个Github OAuth Application

Github头像下拉菜单 > Settings > 左边Developer settings下的OAuth Application > Register a new application,填写相关信息:

Application name, Homepage URL, Application description 都可以随意填写

Authorization callback URL 一定要写自己Github Pages的URL
(ps: 之前我自己就是在这里碰壁了,调试半天才发现)

填写完上述信息后按Register application按钮,得到Client ID和Client Secret

2. 在jekyll博客调用gitment

如gitment项目页Readme所示,在你需要添加评论系统的地方,一般是_layout/目录下的 post.html, 添加一下代码

<div id=http://www.likecs.com/"gitmentContainer"></div> <link rel=http://www.likecs.com/"stylesheet" href=http://www.likecs.com/"https://imsun.github.io/gitment/style/default.css"> <script src=http://www.likecs.com/"https://imsun.github.io/gitment/dist/gitment.browser.js"></script> <script> var gitment =http://www.likecs.com/ new Gitment({ owner: 'Your GitHub username', repo: 'The repo to store comments', oauth: { client_id: 'Your client ID', client_secret: 'Your client secret', }, }); gitment.render('gitmentContainer'); </script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zwpdjw.html