category
软件工具
tags
开发
NotionNext
type
Post
status
Published
slug
notionnext-twikoo
date
Dec 20, 2022
summary
NotionNext现在支持 Twikoo啦,很好用的评论 插件
icon
password

Twikoo

 
 
经评论区网友推荐,我开始使用 Twikoo,Twikoo是一个简洁、安全、免费的静态网站评论系统,基于 腾讯云开发。一番体验,发现Twikoo真的很强大,目前我决定用它作为主要评论插件。
Twikoo支持支持即时通知反垃圾插件、隐私设置等功能,无需另外登录后台,并且配置方式也十分方便,在页面评论区就可以直接管理评论、配置插件。
💡
Twikoo支持一键导入valine评论数据,您可以很方便地迁移评论数据。
notion image
 

快速配置

在最新版本中 NotionNext已经 支持该评论插件,配置 方法很简单:
在Vercel后台添加一个环境变量 NEXT_PUBLIC_COMMENT_ENV_ID ; 值为您部署好的twikoo后台地址。以我的举例:
notion image
配置好redeploy您的项目即可获得如下配置
notion image
 
💡
问题来了,twikoo的后台地址怎么获得呢?
借助vercel,您可以非常快速地部署自己的twikoo后台,用于储存评论数据。
 
 

Twikoo部署步骤

twikoo的后台数据存储是基于MongoDB数据库的,我们可以先注册创建一个免费的在线MongoDB数据库。

创建MongoDB数据库

1.注册账号 创建数据库
推荐使用Github登录
推荐使用Github登录
选择最右边的免费方案即可
选择最右边的免费方案即可
选择一个地区,点击Create Cluster
选择一个地区,点击Create Cluster
创建用户名密码
创建用户名密码
💡
这里下方要设置一个允许访问该数据库的IP地址,推荐设置0.0.0.0,即所有地址都允许访问,毕竟我也不知道自己会用什么ip访问这个数据库。
2.获取数据库连接地址
面板首页点击Connect
面板首页点击Connect
点击 MongoDB Drivers
点击 MongoDB Drivers
点击复制您的数据库连接地址
点击复制您的数据库连接地址
💡
注意,<password>要手动替换成您设置的密码

Vercel一键部署

点击下方链接一键部署
点击Create将twikoo的代码拷入您的仓库
notion image
点击右上角Continue to Dashboard
点击右上角Continue to Dashboard
配置MongoDB数据库地址
添加一个配置 MONGODB_URI 环境变量即可,其值为上一步获得的MongoDB连接地址,注意将链接中MONGODB的密码<password>替换成您设置的。
在twikoo后台添加MONGODB_URI的环境变量
在twikoo后台添加MONGODB_URI的环境变量
添加完成后记得重新部署
添加完成后记得重新部署
 
上述部署完成后,您将获得一个vercel的twikoo后台页面,您可以选择像我一样映射成二级域名
 

配置在NotionNext

将您的twikoo后台地址配置在NotionNext的后台,并redeploy即可。
notion image
 

🎉🎉🎉🎉🎉

到此完成~ 点击右下角的小齿轮即可配置您的管理员密码、并进行更多的功能设置。赶快体验吧~
notion image

Twikoo文档

可以访问官方文档获取安装部署帮助,并且查看Twikoo的更多特性。

结束

NotionNext支持多种评论插件,可访问以下文章获得帮助:
NotionNext配置评论插件-Valine/Waline | TANGLY's BLOG
Valine和Waline都是 基于LeanCloud 的 快速、简洁的评论系统,理论上支持但不限于静态博客。 Waline 是从 Valine 衍生的带后端评论系统,可以看作是Valine的升级版,具备更多Valine不支持的功能,两者的数据结构是可以兼容的,你甚至可以同时安装Valine和Waline,两者的评论互通。 两个插件均要借助LeanCloud提供的云函数,云数据存储等功能,对于普通开发者来说免费版已经足够使用。 1.请先登录或注册 LeanCloud, 进入控制台后点击左下角创建应用: 2.进入刚刚创建的应用,选择左下角的设置>应用Key,查看你的APP ID和APP Key。 获取上述的 appId、 appKey等参数后,就可以直接在NotionNext(版本≥3.3.9)中激活valine了, 如果不想使用Valine可以直接跳到文章下一节《Waline部署》部分。 在NotionNext的Vercel环境变量中配置以下内容: NEXT_PUBLIC_VALINE_SERVER_URLS NEXT_PUBLIC_VALINE_PLACEHOLDER 环境变量配置示例: NEXT_PUBLIC_VALINE_SERVER_URLS 说明 此参数选填,在应用内部会尝试自动获取,如果发现获取失败,请手动提供配置,配置方法: 在LeanCloud刚创建的应用中,选择左下角的 设置> 应用Key,找到 Request 域名 第一行: 注意,需要手动在域名前加上 https:// 否则会无法访问valine评论。 安全域名(可选) 点击展开 leanCloud支持设置自己的 安全域名 ,设置后,仅列表中配置的域名才可以访问你的服务。例如我只在博客中用到valine服务,那么我的安全域名只需要配置为 https://tangly1024.com。 部署valine后台(可选)点击展开 valine没有自带后台,可以借助 Valine-Admin 几分钟就可以部署一个管理后台,支持行评论的查看、删除,以及邮件通知,垃圾评论过滤等功能。部署方式不在此文赘述,可以请参阅 官方文档中的"云引擎一键部署 "部分.
NotionNext配置评论插件-Valine/Waline | TANGLY's BLOG
 

  • Utterance
  • Cusdis