1.注册 OAuth Application
点击此处 来注册一个新的 OAuth Application。其他内容可以随意填写,但要确保填入正确的 callback URL(一般是评论页面对应的域名)。
如果使用的github地址跳转到http://tommy88.top,则填写http://tommy88.top。
你会得到一个 client ID 和一个 client secret,这个将被用于之后的用户登录。
2.在BlueLake主题的_config.yml中增加gitment的配置
gitment:
enable: true # 是否开启gitment评论系统
mint: true #
count: true # 是否显示评论数
lazy: true # 懒加载,设置为ture时需手动展开评论
cleanly: true # 是否隐藏'Powered by ...'
language: en # 语言,置空则随主题的语言
github_user: luckystar88 # Github用户名
github_repo: comments # 在Github新建一个仓库用于存放评论,这是仓库名
client_id: beecde0acb47cc10965c # 注册OAuth Application时生成
client_secret: 2a7655badd4d1e416000abc4b0676e5c70577f # 注册OAuth Application时生成
proxy_gateway: # Address of api proxy, See: https://github.com/aimingoo/intersect
redirect_protocol: # Protocol of redirect_uri with force_redirect_protocol when mint enabled
3.在comments_js.jade中增加gitment配置
if theme.gitment.enable
link(rel='stylesheet',href='https://imsun.github.io/gitment/style/default.css')
script(src='https://imsun.github.io/gitment/dist/gitment.browser.js')
script.
var gitment = new Gitment({
id: '#{page.path}', // 可选。默认为 location.href
owner: '#{theme.gitment.github_user}',
repo: '#{theme.gitment.github_repo}',
oauth: {
client_id: '#{theme.gitment.client_id}',
client_secret: '#{theme.gitment.client_secret}',
},
});
gitment.render('comments')
注意:BlueLake主题使用的容器是base.jade中的id=comments的div,所以这里gitment.render的id不是自己创建的容器。