一些参考可以看官网链接

避坑

不要用gitalk！！！血泪教训，搞了快两个点一直不行，卡在如下界面：

image-20220411093815174

这个问题实在没法解决，只能选择放弃gitalk，最终选择腾讯云的twikoo

Twikoo

快速上手

云开发环境

  1. 进入云开发CloudBase (opens new window)页面，全程微信扫码登录就行

  2. 进入云开发控制台找云开发，新建环境

    • 推荐创建上海环境。如选择广州环境，需要在 twikoo.init() 时额外指定环境 region: "ap-guangzhou"
    • 环境名称自由填写
    • 推荐选择计费方式包年包月，套餐版本基础版 1，超出免费额度不会收费
    • 如果提示选择“应用模板”，请选择“空模板”

  3. 进入环境-登录授权 (opens new window)，启用“匿名登录”和“未登录”

  4. 进入环境-安全配置 (opens new window)，将网站域名添加到“WEB安全域名”

  5. 进入环境-云函数 (opens new window)，点击“新建云函数”

  6. 因为现在云函数有bug，删不掉里面的示例代码，需要另外在本地书写再上传覆盖

    在index.js中写入

    1
    exports.main = require('twikoo-func').main

    在package.json中写入

    1
    { "dependencies": { "twikoo-func": "1.5.3" } } #版本号根据版本修改为最新

    两个文件一起压缩为压缩包

到此云平台这边的搭建就结束了，接下来是主题配置文件的修改

butterfly配置文件

修改comments代码use处为Twikoo

1
2
3
4
5
6
7
8
9
10
comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus
  use: Twikoo
  text: true # Display the comment name next to the button
  # lazyload: The comment system will be load when comment element enters the browser's viewport.
  # If you set it to true, the comment count will be invalid
  lazyload: false
  count: false # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

在接下去的twikoo处代码修改envId

1
2
3
4
5
6
twikoo:
  envId: '×××'
  region:
  visitor: false
  option:

envId的获取方法如下

  1. 回到云开发控制台

  2. 点击复制

然后就hexo一键三连就可以了

管理员配置

  1. 进入环境-登录授权 (opens new window)，点击“自定义登录”右边的“私钥下载”，下载私钥文件

    image-20220411100538421

  2. 复制里面的所有内容

  3. 进到博客网站任意一篇post的下方

    点开设置，粘贴私钥文件内容(第一个空直接全部放进去)，并设置管理员密码

到这里就全部完成啦，评论时的头像是根据邮箱的头像来显示的，修改要去对应的邮箱修改