type
status
date
slug
summary
tags
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 许可协议,转载请注明出处。