两步实现博客评论的添加

发表于 2018-06-01 | 分类于 others

| 字数统计: 451

只需要简单的两步，就能用Gitment为hexo搭建的博客实现评论功能。

注册 OAuth Application

注册一个OAuth Application。最重要的是填对callback URL，比如你的博客主页地址。其他的内容不重要。注册成功会得到一个client ID和一个 client secret。

引入 Gitment

创建一个repository，用来存储评论。这个可以新建，也可以是自己博客的那个仓库。我自己新建了一个仓库，名为GitComment。

引入 Gitment

创建一篇博客，在本地的文件夹中会产生一个a.md的文件，也就是博文内容写入的文件。

这个文件中前面都是自己的博文，只需要把下面的代码添加到这个文件的最后

<div id="container"></div>
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
  id: '<%= page.date %>', // 可选。默认为 location.href
  owner: '你的 GitHub ID',
  repo: '存储评论的 repo',
  oauth: {
    client_id: '你的 client ID',
    client_secret: '你的 client secret',
  },
})
gitment.render('container')
</script>

在 themes\next\layout_third-party\comments 目录下修改gitments.swig，找到以下代码修改

function renderGitment(){
var gitment = new {{CommentsClass}}({
- id: window.location.pathname,
+ id: '{{ page.date }}',
owner: '{{ theme.gitment.github_user }}',
repo: '{{ theme.gitment.github_repo }}',
{% if theme.gitment.mint %}
lang: "{{ theme.gitment.language }}" || navigator.language || navigator.systemLanguage || navigator.userLanguage,
{% endif %}

执行hexo g -d

要注意的是，每一篇需要添加评论的博文文章源码的最后，都要添加上面的代码。发布之后，还需点进博文网页，在评论处点击初始化。如果遇到有问题，可以参考Gitment评论功能接入踩坑教程。

Reference

0%