本文章由BarryZed原创，其中方法来自tangly1024与Twikoo官方

前言

• 虽然伟大的tangly1024佬在这里已经比较明确的写出了流程与注意事项，但经过了这么长的时间后MongoDB Atlas与Twikoo都进行了版本更新；同时也为了记录我的部署流程，写下此篇博客。

• 一开始是想在我的网站中整体添加一个完整的账号系统，经过ChatGPT与DeepSeek的推荐，LeanCloud其实是最好的选择，但将LeanCloud部署到我的网页需要将我的网站完成IPC备案，这个备案呢有要求网站必须在中国国内有服务器，Vercel无法实现，只能放弃账号系统，先将评论功能加上。

• 本博客写于我完成Twikoo部署后，部分靠回忆完成，所以可能以下的步骤中不是每一步都是必要的。若您想按照我的路线进行部署，请在细节或卡住的地方详细阅读Twikoo官方文档，我也会在文中贴出文档的链接。

部署过程

申请MongoDB Atlas账号

1. 进入MongoDB Atlas官网，注册账号（可用Google账号登陆）

2. 在套餐选择时选择 M0 即可

3. 按要求创建好第一个Database。注意：好像只有第一个Database能选择免费的方案，之后的数据库只能付费，所以创建时注意每个选项，仔细阅读；不懂的就不用改。

4. 创建完毕后应进入如下界面

获取 MongoDB 连接字符串

1. 在左侧进入 Database Access 点击 Add New Database User

2. 设置用户，其中的密码建议用浏览器(我是Edge)自带的强密码生成器，这样密码强度够强而且浏览器还能自动记住密码。 此处假设我设置的用户名为：BarryZed 密码为：123456

3. 在左侧进入 Network Access 点击 Add IP Address，添加网络白名单

4. 获取 MongoDB 连接字符串

5. 将自己的账号密码替换 <db_username> 与 <db_password> 加入字符串得到一个形如 xxxxxx+srv://BarryZed:123456@xxxx.xxxx.xxxx.xxx/?xxxxxxxxxxxxxxxxxxxxxxxxxxxxx的字符串（即MongoDB 连接字符串）

连接字符串包含了连接到 MongoDB 数据库的所有信息，一旦泄露会导致评论被任何人添加、修改、删除，并有可能获取你的 SMTP、图床 token 等信息。请妥善记录这一字符串，之后需要填入到 Twikoo 的部署平台里。 ——Twikoo官方文档

将Twikoo项目部署进Vercel

1. 登录Vercel

2. 点击这里导入项目

3. 通过环境变量添加MongoDB 连接字符串



环境变量名(Key)： MONGODB_URI 环境变量值(Value)为MongoDB 连接字符串

4. 重新部署



重新部署成功后点击紫框后网页应有“…Twikoo 云函数运行正常…”字样。此时复制完整的网址（包括 https://.....），这就是你的Twikoo后台地址，此页面上"version":"x.x.xx" 中的 x.x.xx 就是你目前的Twikoo版本号。

1. 在Vercel中打开之前博客的项目，配置环境变量，并重新部署博客网站。
环境变量名(Key)： NEXT_PUBLIC_COMMENT_ENV_ID 环境变量值(Value)为Twikoo后台地址

2. 部署完毕后打开你的博客的随意一篇文章，翻到最底，如果能看到Twikoo，就表示已经成功，可以跳至Twikoo的配置。

3. 若文章底部只有“ Twikoo ”文字，但没有评论区（像我一样），则跟我继续下面的步骤。

4. 进入GitHub

5. 将Twikoo下的package.json中的 latest 改为上文中的你的版本号 x.x.xx

6. 进入你的NotionNext项目中的conf/comment.config.js，并按下方代码中的注释修改。

7. 再次进入Vercel重新部署你的博客。

Twikoo配置

Enjoy it!