在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>