next配置gitalk评论系统

博客一直没有来得及添加评论系统,主要是考虑添加哪一个评论系统。最终选择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

发布了8 篇原创文章 · 获赞 0 · 访问量 669
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术工厂 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览