软件技术
NotionNext配置评论插件Twikoo
00 分钟
2022-12-20
2023-10-19
category
tags
type
status
slug
date
summary
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>要手动替换成您设置的密码
新版操作流程
一、 创建数据库
1. 注册账号
这里推荐直接使用Github登录,省去注册的麻烦
推荐使用Github登录
推荐使用Github登录
  1. 点击Build a Database 创建一个数据库用于存放您的评论
    1. notion image
  1. 选择数据库的配置;
    1. 价格选择: M0 FREE ,的免费版本
      提供商选择: AWS 亚马逊云服务, 国家选择Hongkong (这步您可以随意选择喜好的服务商和国家)
      notion image
  1. 创建
    1. 其它无都是可选配置,按需添加,直接点击Create即可创建。
      notion image
  1. 创建用户名密码
    1. notion image
  1. 配置允许的链接环境
    1. 选择 My Local Environment
      填写ip地址为 0.0.0.0 再点击Add Entry 添加
      最后选择Finish and Close
      notion image
二、获取连接方式
  1. 数据库首页点击 Connect连接
    1. notion image
  1. 选择Drivers 连接
    1. notion image
  1. 复制连接的URL
    1. 这里要关闭掉您网页上的翻译插件,否则会看不到要复制的链接,
      注意 这里的 <password> 要替换成您上面设置好的密码
      notion image

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