首先感谢@imsun大神的插件Gitment
插件本身默认支持英文,所以我下载了源码进行一部分改造。以下是源码:giment.js 、 giement.css
下边是操作步骤,不是技术同学先参考一下Gitment Demo Page 再进行操作。
基本使用
1. 注册 OAuth Application
New OAuth ,填写内容时候确保 callback URL 与你的博客地址域名一致。
2.引入 js、css 到文章页面
<div id="container"></div> <link rel="stylesheet" href="https://yqwoe.space/yqwoe.github.io/static/css/gitment.css"> <script src="https://yqwoe.space/yqwoe.github.io/static/js/gitment.js"></script> <script> /** *第一个坑,默认id是填入完整的url,而issue的label长度限制为50,所以url必然会超长。 */ var paths = location.pathname.split('/') var id = decodeURI(paths[paths.length - 1 ])) var gitment = new Gitment({ id: id, // 必填,不然评论信息不会加载成功! owner: '你的 GitHub ID', repo: '存储评论的 repo', oauth: { client_id: '你注册 OAuth 的 client ID', client_secret: '你注册 OAuth 的 client secret', }, }) gitment.render('container') </script>
|
3. 初始化评论
页面发布后,你需要访问页面并使用你的 GitHub 账号登录(请确保你的账号是第二步所填 repo 的 owner),点击初始化按钮。
敲黑板,下一篇博客会介绍 《Jekyll-Admin 插件的使用方法》和一些填坑技巧。
我的博客评论功能目前只支持全球最大同性交友网站Github的账号,以后会慢慢扩展。
以上是我的分享,谢谢!!