type
status
date
slug
summary
tags
category
icon
password
在上一期里,我们搭建起了基于Notion的博客站点
默认的话,是不支持文章评论的
那么这一期将介绍如何开启评论插件

我这里和原作者一样,使用的是Twikoo
Twikoo支持支持即时通知反垃圾插件、隐私设置等功能,无需另外登录后台
twikoo
twikoojsUpdated Dec 4, 2023
notion image
在网页上既可进行管理后台
notion image
 
如果需要其他评论插件介绍,可前往下面链接查看:
 
下面我们继续在Vercel上部署Twikoo

1.创建MongoDB数据库

这是Twikoo要用到的数据库,我们可以使用免费的在线MongoDB数据库

1.1 注册账号:

notion image
这里选择免费计划以及选择你喜欢的的数据库提供商和地域
我这里选的是 AWS的香港机房数据库
notion image
创建好数据库后,下一步这里一定需要牢记你的 UsernamePassword ,后面忘记了的话,会很麻烦
notion image

1.2 获取数据库链接地址

首先要设置允许和数据库建立连接的ip地址
这里设置允许所有ip都能访问:0.0.0.0/0
notion image
选择Connect找到连接配置:
notion image
notion image
notion image
将中间那一长串复制,并将中间的 <password> 更改为你自己的账号密码,记下来这一段后面要用
 

2. Vercel部署Twikoo

Vercel部署的话非常方便
这里是官方的部署说明:

2.1 点击下方链接一件部署

该链接实际上就是将TwikooGitHub导入到Vercel进行部署
notion image
直接点击 Create
notion image
等待部署完成,你会看到如下显示的页面
这里是提示需要配置 MongoDB数据库地址
notion image
 

2.2 配置MongoDB数据库地址

这里将之前获得的数据库url填入环境变量中
MONGODB_URI : mongodb+srv://<userName>:<password>@<host>/?retryWrites=true&w=majority
notion image
最后再点击重新部署即可:
notion image
部署成功后,回到主页面,可以看到如下的样子:
notion image
 

2.3 设置Twikoo访问的域名地址

直接用 vercel 的也可以的,但是个人觉得不是很好记
所以用自己的自定义域名
和前面文章一样,我这里使用了二级域名
按照提示,在域名提供商处完成DNS解析即可
比如我这里使用的是:
CNAME : twikoo : cname-china.vercel-dns.com
notion image
notion image

3. 配置NotionNext,打开Twikoo评论插件

在你的 NotionNext 项目下,配置你的Twikoo环境变量
NEXT_PUBLIC_COMMENT_ENV_IDhttps://twikoo.lpolaris.com
notion image
 
重新构建一下项目
notion image
 

4.配置Twikoo

此时前往你的博客网站页面,点开任意一篇文章,即可看到评论插件已经开启了
notion image
请尽快进行配置你的管理员密码,以及其他功能设置
最好是设置一个隐藏面板的昵称,这样只有你在 昵称 栏输入指定关键字的时候,才会显示这个管理员入口
其他的设置,可以慢慢看看说明进行填写即可
notion image
到这里,评论插件就配置完了

Twikoo官方文档

 
 
如何防止bing锁死地区为中国小白级稳定的Notion Plus获取指南
Loading...