Hexo的NexT8.8使用Gitalk

前言

作为一个博客,总得有评论区吧。而评论区的插件需要第三方来完成,有些还需要单独注册。本着尽量少注册,尽量少泄露信息的原则,我使用Gitalk作为评论区插件。NexT主题已经集成了Gitalk。这也是我使用NexT主题的直接原因。

网上这么多教程,那你为什么要再写一篇呢?因为那些十篇有九篇不能用。不是说那些博客写错了,是过时了。因为现在NexT的版本已经到8.8,很多东西已经不一样了。

我现在的相关程序均采用截至到2021/11/8最新的版本,hexo 5.4.0,node 16.13.0,NexT 8.8.1。

Github的OAuth

这东西可以理解为,一个口令

  1. 登录Github,依次找到Settings/Developer settings/OAuth Apps,然后New OAuth App,进入申请。按以下格式填写就可以。注意,用https
    请添加图片描述
  2. 记下Clien ID 和Client secrets。Client secrets只显示一次。再次进入就会这样请添加图片描述
    当然,要是忘记Client secrets,可以再申请一个新的,并将以前的作废。

配置NexT

找到E:\Blog3\themes\next_config.yml。注意是next文件下下面,不是根目录下面。

  1. 启用评论区
# Multiple Comment System Support
comments:
  # Available values: tabs | buttons
  style: tabs
  # Choose a comment system to be displayed by default.
  # Available values: disqus | disqusjs | changyan | livere | gitalk | utterances
  active: gitalk
  # Setting `true` means remembering the comment system selected by the visitor.
  storage: true
  # Lazyload all comment systems.
  lazyload: false
  # Modify texts or order for any naves, here are some examples.
  nav:
    gitalk:
     order: -1
  1. 配置gitalk相关信息,把刚才的client_id和client_secret填入。其他部分参照以下代码修改。
# Gitalk
# For more information: https://gitalk.github.io
gitalk:
  enable: true
  github_id: a171232886 # GitHub repo owner
  repo: a171232886.github.io # Repository name to store issues
  client_id: 7db126fef08edb747111 # GitHub Application Client ID
  client_secret: ************ac61edd9 # GitHub Application Client Secret
  admin_user: a171232886 # GitHub repo owner and collaborators, only these guys can initialize gitHub issues
  distraction_free_mode: true # Facebook-like distraction free mode
  # When the official proxy is not available, you can change it to your own proxy address
  proxy: https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token
  # https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token # This is official proxy address
  # 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

初始化评论区

  1. 首先执行以下代码
hexo clean  # 清除缓存
hexo g
hexo d
  1. 打开网页以后会看到
    请添加图片描述
  2. 登录,会弹出一个授权询问,授权。
    请添加图片描述
  3. 最终可以看到
    请添加图片描述

致谢

  1. hexo主题next中gitalk配置与评论初始化

问题解答

Q:出现这种状况怎么办?
请添加图片描述
A:查一下E:\Blog3\themes\next_config.yml中的gitalk的proxy是不是https://github.com/login/oauth/access_token。如果是,改为https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token

github官方API,可能会限制调用!

  • 2
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值