type
Post
status
Published
date
Apr 10, 2023
slug
notiontwikoo
summary
NotionNext接入Twikoo评论插件
tags
Notion
建站
category
知识分享
icon
password
在上一期里，我们搭建起了基于Notion的博客站点
默认的话，是不支持文章评论的
那么这一期将介绍如何开启评论插件
我这里和原作者一样，使用的是Twikoo
Twikoo支持支持即时通知反垃圾插件、隐私设置等功能，无需另外登录后台
twikoo
twikoojs • Updated Oct 23, 2024
在网页上既可进行管理后台
如果需要其他评论插件介绍，可前往下面链接查看：
下面我们继续在Vercel上部署Twikoo
1.创建MongoDB数据库
这是Twikoo要用到的数据库，我们可以使用免费的在线MongoDB数据库
1.1 注册账号：
这里选择免费计划以及选择你喜欢的的数据库提供商和地域
我这里选的是 AWS的香港机房数据库
创建好数据库后，下一步这里一定需要牢记你的
Username 和 Password ,后面忘记了的话，会很麻烦
1.2 获取数据库链接地址
首先要设置允许和数据库建立连接的ip地址
这里设置允许所有ip都能访问：0.0.0.0/0
选择Connect找到连接配置：
将中间那一长串复制，并将中间的
<password> 更改为你自己的账号密码，记下来这一段后面要用2. Vercel部署Twikoo
Vercel部署的话非常方便
这里是官方的部署说明：
2.1 点击下方链接一件部署
该链接实际上就是将Twikoo从GitHub导入到Vercel进行部署
直接点击
Create
等待部署完成，你会看到如下显示的页面
这里是提示需要配置 MongoDB数据库地址
2.2 配置MongoDB数据库地址
这里将之前获得的数据库url填入环境变量中
MONGODB_URI : mongodb+srv://<userName>:<password>@<host>/?retryWrites=true&w=majority
最后再点击重新部署即可：
部署成功后，回到主页面，可以看到如下的样子：
2.3 设置Twikoo访问的域名地址
直接用
vercel 的也可以的，但是个人觉得不是很好记所以用自己的自定义域名
和前面文章一样，我这里使用了二级域名
按照提示，在域名提供商处完成DNS解析即可
比如我这里使用的是：
CNAME : twikoo : cname-china.vercel-dns.com
3. 配置NotionNext，打开Twikoo评论插件
在你的
NotionNext 项目下，配置你的Twikoo环境变量NEXT_PUBLIC_COMMENT_ENV_ID ： https://twikoo.lpolaris.com
重新构建一下项目
4.配置Twikoo
此时前往你的博客网站页面，点开任意一篇文章，即可看到评论插件已经开启了
请尽快进行配置你的管理员密码，以及其他功能设置
最好是设置一个隐藏面板的昵称，这样只有你在
昵称 栏输入指定关键字的时候，才会显示这个管理员入口其他的设置，可以慢慢看看说明进行填写即可
到这里，评论插件就配置完了
Twikoo官方文档
- 作者:PolarisAspire
- 链接:https://lpolaris.com//article/notiontwikoo
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
