最近发现了一个有意思的评论插件?Gitment[1],从实现和效果上都不错,给大家介绍一下[2]。如果你有个人博客,可以考虑使用;如果你没有个人博客,也可以了解下实现的思路,开开脑洞。
之前普遍使用的多说评论关闭了,相信很多人的博客都受到了影响。我个人的博客评论也因此换过 Discuz、网易评论插件、畅言评论插件,都不甚理想。这次看到 Gitment 还是有些惊喜。
实现的最终效果如图:
基本原理是利用 GitHub 项目上的 Issues 功能来实现内容的存储,使用 GitHub 的账号登录体系。和自己的博客集成起来也比较简单,一个 css 文件,一个 js 文件,一段初始化代码就可以了。
1、首先 Github 上,注册 OAuth Application
可以通过这个地址[3]来注册一个应用,按提示填写即可。
成功之后会得到一个 client ID 和一个 client secret,在后面的初始化插件时会用到。
2、页面集成 Gitment
加载对应的 css 文件、js 文件、初始化代码到要显示的页面:
<div id="container"></div> <link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css"> <script src="http://www.51sjk.com/Upload/Articles/1/0/329/329051_20220921133302382.js"></script> <script> var gitment = new Gitment({ id: '页面 ID', // 可选。这个选项不写(不是留空),默认为 location.href owner: '你的 GitHub ID', repo: '存储评论的 repo', oauth: { client_id: '你的 client ID', client_secret: '你的 client secret', }, }); gitment.render('container'); //container为你要显示评论的id </script>
关于初始化部分的参数更多说明,可参看