【教程】Hexo中Twikoo评论系统配置教程

写在前面

Hexo博客里面支持的评论系统有：Disqus、Disqusjs、Livere、Gitalk、Valine、Waline、Utterances、Facebook Comments、Twikoo、Giscus，这里面有的评论有的是国外的服务器、有的有广告，本文要讲的Twikoo是在butterfly3.3之后支持的，它支持邮件提醒、微信提醒等功能，还是非常好用的。

注意：本文仅针对腾讯云的部署方式中的「手动部署」，其他详细部署方式请参考官方文档。

购买云开发套餐

温馨提示：如果你已经拥有云开发环境，可以忽略这一步，直接到【登录授权】。
1、进入云开发CloudBase，进行登录、实名认证操作，点击控制台：

2022060501.png

2、点击云产品，选择云开发CloudBase：

2022060502.png

3、点击新建，选择空模板，点击下一步：

2022060503.png

2022060504.png

4、选择合适的套餐进行购买：

2022060505.png

温馨提示：
地域选择【上海】
计费方式选择【包年包月】
环境名称自由填写
套餐版本选择【特惠基础版1】

5、按照上面的步骤操作之后，我们会拥有一个云开发环境：

2022060506.png

注意：记录一下这个环境ID，我们后面会用。

登录授权

环境 - 登录授权 - 开启【匿名登录】

2022060507.png

安全配置

环境 - 安全配置 - 添加域名：将自己的域名添加进去

2022060508.png

温馨提示：
如果更改了域名发现评论加载不出来的情况，请记得回来更改为最新域名，尤其是那些刚开始使用 github.io来作为自己博客域名的童鞋，哪天购买了自己的域名，记得换，记得换，记得换（重要的事情说三遍）。

云函数

1、环境 - 云函数 - 新建云函数

温馨提示：
函数名称填写：twikoo
创建方式选择：空白函数
运行环境选择：Nodejs10.15
函数内存选择：128M
必须按照上面的方式选择，不要瞎选瞎写好吧。

2022060509.png

2022060510.png

2、清空上图中「函数代码」框里的内容，复制exports.main = require('twikoo-func').main到里面，点击确定，如下：

2022060511.png

3、点击「twikoo」函数名进入云函数详情页 - 函数代码 - 文件 - 新建文件，输入package.json确定，将{ "dependencies": { "twikoo-func": "1.5.11" } }内容复制到新建的文件package.json里面。

2022060512.png

2022060513.png

配置butterfly主题文件

打开主题butterfly下的配置文件

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/Remark42
  use: Twikoo # Valine,Disqus
  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: true
  count: true # 文章top_image上是否显示评论数量
  card_post_count: true # 首页文章是否显示评论数量
  
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId: xxxxxxxxxxxxx # 环境ID，即是上面创建的云环境的ID
  region:
  visitor: true
  option:

显示效果如下：

2022060514.png

最后

关于其他的评论系统的配置请参考：butterfly主题官方文档
关于Twikoo评论系统详细文档请参考：Twikoo官方文档
另外，欢迎去我的个人博客溜达溜达。