更新文章文件名以及增加Gitment评论系统

2018.12.1 现在最新版NexT主题已经集成了gitment,所以使用新版主题的朋友们就不需要再手动修改布局文件了。

  • 更新了文章的文件名,原来以序号为名,现在以文章标题的英文为名,更方便处理以及永久链接的留存。
  • 增加Gitment评论系统

已知问题: Gitment默认主题的编辑栏中Preview和Login两选项重合(在小屏访问时出现,且只能点击Preview)

添加Gitment进NexT主题

编辑themes/next/_config.yml

在文件末尾添加

1
2
3
4
# Gitment
gitment_enable: true
gitment_client_id: 'c0ff9ebaxxxxx732f40'
gitment_client_secret: '16f7dbe96xxxxxxxxxx8d9caee676badda'

修改themes/next/layout/_partial/head.swig

在文件末尾添加

1
2
3
4
{% if page.comments and 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>
{% endif %}

修改themes/next/layout/_partial/comments.swig

在内层末尾的{% endif %}前添加

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
   {% elseif theme.gitment_enable %}
<div id="gitment-container"></div>
<script>

var gitment = new Gitment({
id: window.location.pathname,
owner: 'LuckyKoala',
repo: 'TwodamBlog',
oauth: {
client_id: '{{ theme.gitment_client_id }}',
client_secret: '{{ theme.gitment_client_secret }}',
},
})
gitment.render('gitment-container')
</script>

重新生成并部署

hexo g d

每篇文章需要拥有者登录后初始化(创建对应文章的issue)

参考Gitment:使用 GitHub Issues 搭建评论系统