category
tags
type
status
slug
date
summary
icon
password
Twikoo
经评论区网友推荐,我开始使用 Twikoo,Twikoo是一个简洁、安全、免费的静态网站评论系统,基于 腾讯云开发。一番体验,发现Twikoo真的很强大,目前我决定用它作为主要评论插件。
Twikoo支持支持即时通知反垃圾插件、隐私设置等功能,无需另外登录后台,并且配置方式也十分方便,在页面评论区就可以直接管理评论、配置插件。
Twikoo支持一键导入valine评论数据,您可以很方便地迁移评论数据。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb054c4a1-cda5-401f-8a3d-fa34e6a95ad1%2FUntitled.png?table=block&id=ef032644-f8d2-4ee3-be41-d3202cabfc0a)
快速配置
在最新版本中 NotionNext已经 支持该评论插件,配置 方法很简单:
在Vercel后台添加一个环境变量
NEXT_PUBLIC_COMMENT_ENV_ID
; 值为您部署好的twikoo
后台地址。以我的举例:![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F76537712-5984-4041-97e3-a4cbea19f895%2FUntitled.png?table=block&id=7834efba-00a2-4a3f-92f2-7f25f1424195)
配置好redeploy您的项目即可获得如下配置
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F77b82102-0e86-4401-97b4-7912aaf7e6f2%2FUntitled.png?table=block&id=4ab528a1-0308-473a-a664-39dafe3ebf0e)
问题来了,twikoo的后台地址怎么获得呢?
借助vercel,您可以非常快速地部署自己的twikoo后台,用于储存评论数据。
Twikoo部署步骤
twikoo的后台数据存储是基于MongoDB数据库的,我们可以先注册创建一个免费的在线MongoDB数据库。
创建MongoDB数据库
1.注册账号 创建数据库
![推荐使用Github登录](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdc7dd91f-667c-48b2-816f-3e22579d8ab6%2FUntitled.png?table=block&id=116551d1-d122-415a-9459-29a92290cc01)
![选择最右边的免费方案即可](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6f34f4df-05cd-4a3d-8ef2-49e8945d9b16%2FUntitled.png?table=block&id=a0a89b5c-7c9c-46a0-8dec-abb2202c09f3)
![选择一个地区,点击Create Cluster](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0e579620-12f5-421c-a45a-7be017c175fe%2FUntitled.png?table=block&id=81928be6-a85f-4ddb-ad11-df4d7406e880)
![创建用户名密码](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe642591c-6a5a-4efe-94fa-c53caef75bdb%2FUntitled.png?table=block&id=8a7f0377-e882-47b8-b477-d88a67632b77)
这里下方要设置一个允许访问该数据库的IP地址,推荐设置0.0.0.0,即所有地址都允许访问,毕竟我也不知道自己会用什么ip访问这个数据库。
2.获取数据库连接地址
![面板首页点击Connect](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa3b7fb4b-fa03-4761-a5c4-0996a8336c9b%2FUntitled.png?table=block&id=d62f9691-d196-48e6-a80c-66b72634251a)
![点击 MongoDB Drivers](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F78fd23f9-a42c-41ce-80c4-4ddc4a69ac3a%2FUntitled.png?table=block&id=9abdb2ed-0fa1-4d56-b733-f6c6080082b6)
![点击复制您的数据库连接地址](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5deb0c56-215c-46c6-a67b-646fb798e9dc%2FUntitled.png?table=block&id=0b75feec-94e8-40f0-9f4e-142daa3ee520)
注意,<password>要手动替换成您设置的密码
Vercel一键部署
点击下方链接一键部署
点击Create将twikoo的代码拷入您的仓库
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0a99b20b-4448-491a-b25c-601822f8f0cb%2FUntitled.png?table=block&id=00293ff6-8574-4e61-bdf5-5e4f1e129f62)
![点击右上角Continue to Dashboard](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F05c40444-f8f5-4e5c-935e-ef9711f067fb%2FUntitled.png?table=block&id=4dabcc96-a8fb-41d4-b60f-9b0bde977a5f)
配置MongoDB数据库地址
添加一个配置
MONGODB_URI
环境变量即可,其值为上一步获得的MongoDB连接地址,注意将链接中MONGODB的密码<password>
替换成您设置的。![在twikoo后台添加MONGODB_URI的环境变量](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F90392940-0f78-4361-9393-63041857310c%2FUntitled.png?table=block&id=d50047d5-1152-4aa6-883c-f69a4324decb)
![添加完成后记得重新部署](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd5627456-5be7-4edb-a6ce-f6729fec72ec%2FUntitled.png?table=block&id=982bfe7e-6336-4d8d-ba5f-872c06fd7fc7)
上述部署完成后,您将获得一个vercel的twikoo后台页面,您可以选择像我一样映射成二级域名
配置在NotionNext
将您的twikoo后台地址配置在NotionNext的后台,并redeploy即可。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F76537712-5984-4041-97e3-a4cbea19f895%2FUntitled.png?table=block&id=eb28adc6-75ad-4514-a236-8cb9ca248484)
🎉🎉🎉🎉🎉
到此完成~ 点击右下角的小齿轮即可配置您的管理员密码、并进行更多的功能设置。赶快体验吧~
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc0f9f7fe-3e86-498d-aea5-72d8f7b901cd%2FUntitled.png?table=block&id=09d67568-bb3b-4969-9a09-fbaf7b606bdd)
Twikoo文档
可以访问官方文档获取安装部署帮助,并且查看Twikoo的更多特性。
结束
NotionNext支持多种评论插件,可访问以下文章获得帮助:
- 作者:NotionNext
- 链接:https://tangly1024.com/notionnext-twikoo
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。
相关文章