博客一直没有来得及添加评论系统,主要是考虑添加哪一个评论系统。最终选择gittalk,看了许多网上的文章发现都是旧版本的,本文适用next7.3版本。
原文:
https://zyz-1998.github.io/2019/08/21/next%E6%B7%BB%E5%8A%A0gittalk%E8%AF%84%E8%AE%BA%E7%B3%BB%E7%BB%9F/#more
Gitalk
是利用了GithubAPI,将网站的评论转写到Github
上指定仓库的Issues
里,相当于做了一个代理.
1. 建立评论仓库
很简单建立一个名gitalk-commnet的评论仓库
2. 新建OAuth Apps
github沿路径setting/Developer setting/OAuth Apps,新建自己的OAuth Apps,并参照下图填写,
Register Application后可以看到client_id与client_secret请将其保存留待下步
3. 更改配置文件
在主题配置文件next/_config.yml搜索锁定gitalk,并如下更改
gitalk:
enable: true
github_id: #github用户名,登陆时习惯用邮箱的放这里不行。一定得是自己的ID!
id: location.pathname
repo: gitalk-commnet #仓库名
client_id: #application的id,即上文client_id
client_secret: #application的密码,即上文client_secret
admin_user:
distraction_free_mode: false
# Gitalk's display language depends on user's browser or system environment
# If you want everyone visiting your site to see a uniform language, you can set a force language value
# Available values: en | es-ES | fr | ru | zh-CN | zh-TW
language: zh-CN
4 . 问题解决
4.1 未找到相关的issue进行评论,请联系@XXX初始化创建
问题: 未找到相关的issue进行评论,请联系@XXX初始化创建
浏览器进入开发者模式,我们可以看到https://api.github.com/user 401 (Unauthorized)
解决办法:在主题配置文件中gitalk配置里添加id: location.pathname
更多解决可以参照https://github.com/gitalk/gitalk/issues/138