一、引言

Halo自带的评论系统界面不美观，不满足我对评论界面的需求，今天就来为个人博客网站搭建一个美观，可管理的Twikoo评论系统。

Twikoo 是一款基于云开发平台（如腾讯云 TCB）的轻量级开源评论系统。它无需复杂的后端部署，仅通过前端调用即可实现完整的评论功能，非常适合用于个人博客、技术文档站和开源项目页面。

二、前期准备

搭建Twikoo评论系统首先需要做好如下准备工作：

  1. 注册一个 Vercel 账号，使用github或Google账户都可注册，不会的可以上网搜索如何通过QQ邮箱注册GitHub。

  2. 注册一个 MongoDB 账号，同样使用github或Google账户都可注册。

  3. 获取一个可以绑定 Twikoo 的域名。

获取域名

网上有许多购买域名的途径，如：阿里云，腾讯云，华为云等主流服务商购买。

推荐几个获取免费注册域名的网站：

任然推荐国内主流服务商途径购买，访问速度更快，注册域名后要记得进行域名备案哦！

三、配置MongoDB

注册好账号后，登入 MongoDB ，新创建一个集群，地区选择 AWS / N. Virginia (us-east-1)，如图所示。

创建好集群后，点击databases Access，创建一个数据库用户，选择密码验证如图。

点击network Access，配置允许访问的地址，0.0.0.0允许所有地址访问。

连接集群，选择 Drivers 方式连接，获取连接字符串，记得更改密码后保存，后续会使用到。

四、配置Vercel

在Vercel官网注册好账号后，点击以下按钮将 Twikoo 一键部署到 Vercel

Deploy

1.新建一个项目，选择GitHub登录连接。

2.进入 Settings - Environment Variables，添加环境变量 MONGODB_URI，值为前面记录的数据库连接字符串

3.进入 Settings - Deployment Protection，设置 Vercel Authentication 为 Disabled，并 Save

4.进入 Deployments , 然后在任意一项后面点击更多（三个点） , 然后点击 Redeploy , 最后点击下面的 Redeploy

5. 进入 Overview，点击 Domains 下方的链接，如果环境配置正确，可以看到 “Twikoo 云函数运行正常” 的提示

6. Vercel Domains（包含 https:// 前缀，例如 https://xxx.vercel.app）即为您的环境 id

五、网站主题应用

我的网站是通过Halo开源建站工具搭建的，采用的是Halo-Hao主题进行配置。

故河TTL

后端url为访问域名，管理员令牌为登陆密码。

六、优化

vercel.app因为被大量使用，在国内被墙掉了， Vercel 官方提供了单独的 IP 和 CNAME 地址的方法，对于国内的用户来说，配置一个单独的域名地址解析，更加快速的享受 Vercel 提供的服务。

点击setting，Domains配置个人域名地址。

参考文档

希望这篇博客对你有帮助！如果有其他问题，欢迎随时提问！