BlueLake主题增加gitment评论

心已赠人 2022-05-14 08:08 219阅读 0赞

## 1.注册 OAuth Application ##

[点击此处][Link 1] 来注册一个新的 OAuth Application。其他内容可以随意填写，但要确保填入正确的 callback URL（一般是评论页面对应的域名）。  
如果使用的github地址跳转到[http://tommy88.top][http_tommy88.top]，则填写[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不是自己创建的容器。

[Link 1]: https://github.com/settings/applications/new
[http_tommy88.top]: http://tommy88.top