前言

之前我一直使用的是valine评论系统,虽然它确实简洁,但是缺点是不能显示用户的头像,这一点我感觉很不好,所以后来想着换成Twikoo评论

CloudBase配置

首先进入到云开发CloudBase,找到咱们的免费试用版,如下
然后就是创建环境,选择空模板

环境信息填写如下

地域最好选择上海,如果选择广州的话,需要在twikoo.init()时额外指定环境region: "ap-guangzhou"
环境名称无所谓,符合要求即可
套餐版本选择免费版就够用的了,然后下一步,立即购买

购买完成之后即可进入控制台
来到环境-登录授权,开启匿名登录

然后来到安全配置中,将自己的网站域名添加到web安全域名

下一步是新建云函数

并且填写以下内容

函数代码,替换为exports.main = require('twikoo-func').main

确定之后,点击刚才创建的云函数twikoo中,找到函数代码->文件->新建文件
命名为package.json,按下回车,并且复制以下代码{ "dependencies": { "twikoo-func": "1.3.0" } }

配置完之后可以看到其状态变成正常

最后复制需要的环境id

主题配置文件配置

来到主题配置文件,找到以下内容

1
2
3
4
5
twikoo:
envId: xxxxxxxx
region:
visitor: false
option:

envid为上面复制的环境id

然后还需要开启评论

1
2
3
4
5
6
7
8
9
10
11
12
13
comments:
# Up to two comments system, the first will be shown as default
# Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo
use:
- Twikoo
# - Disqus

text: false # 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: true # Display comment count in post's top_img
card_post_count: true # Display comment count in Home Page

保存,最后hexo三连查看效果

如图,输入昵称和邮箱即可获取到用户的头像,这也是我为什么选择Twikoo的原因

开启twikoo评论管理面板

  • 找到环境->登录授权,点击私钥下载并复制其私钥内容
  • 来到评论窗口,点击那个小齿轮,粘贴私钥内容并设置密码注册

  • 在配置管理中进行必要的设置,如设置提醒的邮箱,默认的头像等

设置完上述步骤就大功告成啦 ( ̄▽ ̄)~*