博客功能更新 —— 评论系统从Waline更换为Twikoo

之前使用waline感觉不是很好用，主要是出现了一个莫名其妙的问题，然后突然发现twikoo挺不错的，就给换了。

数据库

MongoDB 是一个基于分布式文件存储的数据库。由 C++ 语言编写。旨在为 WEB 应用提供可扩展的高性能数据存储解决方案。MongoDB 是一个介于关系数据库和非关系数据库之间的产品，是非关系数据库当中功能最丰富，最像关系数据库的。

我使用了MongoDB作为数据库(官方推荐)，刚开始我试用了LeanCloud，发现twikoo根本不支持，所以只能用官方推荐的了。

在注册MongoDB的时候总是注册失败，各种办法都试了就是报错，可能是服务器问题吧，于是我不得不请出我的谷歌邮箱了，使用谷歌邮箱就能成功登录。

接下来按照官方文档进行配置。

一键部署到Vercel

这一步也很简单，点击官方文档里的一键配置，然后添加环境变量MONGODB_URI为刚刚在MongoDB里复制的数据库连接字符串，然后保存再重新部署，更改就成功应用了。

别忘了使用自己的域名，否则国内访问不了哦。

主题中配置

在config.butterfly.yml中配置twikoo的后端地址

1
2
3
4
5
6
7
8
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId:  # 这里填写后端地址
  region:
  # 是否显示文章阅读数
  visitor: true
  option:

然后再开启评论功能use: Twikoo

1
2
3
4
5
6
7
8
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
  text: true # 是否显示评论服务商的名字
  lazyload: true #false #是否为评论开启lazyload，开启后，只有滚动到评论位置时才会加载评论所需要的资源（开启lazyload后，评论数将不显示）
  count: true #false # 是否在文章顶部显示评论数
  card_post_count: true #false # 是否在首页文章卡片显示评论数

测试功能

最后执行命令 hexo cl; hexo g; hexo s 看是否成功部署评论功能。

然后就可以设置评论系统的参数了

  1. 在评论栏右下角，点击设置图标
  2. 设置密码，然后保存
  3. 进行一系列的自定义设置

本篇完