一、前言

这套评论系统的方案真的很折腾，因为我的一贯风格是自己可以费心一点，其他人能方便一点。

最后选择了对访客基本没有评论成本的twikoo为本博客的评论系统。

构建方案如下：

  • Twikoo
  • Mongodb
  • vercel

二、操作过程

2.1 Twikoo

没啥好说的，详情见官方的Twikoo 文档。

2.2 Mongodb

登陆页面，随便注册一下进入后台页面。

image-20241119035050042

按照如下方案选择方案并点击创建

image-20241119035420044

在创建过程中会询问你设定一个密码，后面有用

配置IP，0.0.0.0/0 即可。

image-20241119042621560

创建完成后回到后台管理面板点击connect，

image-20241119035646845

并在弹出页面选择下项

image-20241119035726324

按如下配置保存 Connection string，并把其中的<db_password>替换为上文中所提的密码，记为 ConnectionString

image-20241119035909264

2.3 Vercel

前排提示：Verce在中国大陆访问速度可能较慢。确认使用后点击注册链接进行注册，使用github账号登录即可，需要绑定手机号，+86即可，注册完点击项目部署地址新建项目

注意：出现空白界面或部署失败等现象，极大可能是Twikoo的仓库地址更换了，本文于2024.11.19测试可用

项目名称自定义，，点击Create后不要急着关闭页面，下面还有Deployment的过程。

image-20241119041707252

出现Congratulations！即可继续

image-20241119042029447

进入项目后台，设置里修改环境变量，Key处填写MONGODB_URI，Value处填写上文 ConnectionString并保存

image-20241119042218570

回到Deployments中点击下图Redeploy

image-20241119042429409

结果如下即完成，Domains链接后文有用

image-20241119043124612

2.4 配置_config.butterfly.yml

1
2
3
4
...
comments:
	use:twikoo
...
1
2
3
4
5
6
7
8
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
  envId: #此处填写上文 Domains链接
  region: 
  # Use Twikoo visitor count as the page view count
  visitor: false
  option:

三、结尾

亲爱的你，可以留一句评论吗😊😊😊