Alex_McAvoy

想要成为渔夫的猎手

Next 7.0+ 添加 Gittalk 评论

Next 7.0+ 主体整合了 Gittalk 评论,具体开启方法如下

1.创建评论存储仓库

在 GitHub上创建一个 public 仓库,用来存储评论

2.创建 OAuth Application

创建 GitHub 提供的 OAuth Application

其中,Homepage URL 为第一步中新建的存储评论的仓库的 URL,Authorization callback URL 为使用 Gittalk 功能的主站域名,即博客的域名

创建完成后可以在 Settings/Developer settings 中查看创建好的 ClientID 和 Client Secret

之后,通过 generate a new client 按钮创建一个 Client Secret,创建完成后,将生成的 Client Secret 复制好,之后该 Client Secret 将不可见

3.修改 Next 主题的 _config.yml 文件

在 Next 主题的 _config.yml 文件中找到 gittalk 的选项,并进行填写,参考示例如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
# Gitalk
# For more information: https://gitalk.github.io, https://github.com/gitalk/gitalk
gitalk:
enable: true
github_id: Alex-McAvoy # GitHub 仓库所有者
repo: Gitalk-Comment # 存储评论的 GitHub 仓库名称
client_id: # Client ID
client_secret: # Client Secret
admin_user: Alex-McAvoy # GitHub 的所有者和合作者,只有这些人可以初始化仓库中的issue
distraction_free_mode: true # 类似 Facebook 的无干扰模式
# Gitalk 的显示语言取决于用户的浏览器或系统环境
# 如果您希望访问您网站的每个人都看到统一的语言,您可以设置强制语言值
# 可取的值: en | es-ES | fr | ru | zh-CN | zh-TW
language:
4.修改 page.swig

在 Next 主题的分类与标签页上,会默认出现 Gittalk 的评论框

找到根目录下的 source/categoriessource/tags,分别打开其中的 index.md 文件

打开后,在头信息中添加如下一行代码

1
comments: false

效果如下图

5.对文章初始化

当发布一篇文章并同步到博客后,对该文章进行评论初始化,即以仓库所有者的 ID 登录评论系统即可

感谢您对我的支持,让我继续努力分享有用的技术与知识点!