✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Twikoo
category
tags
type
status
slug
date
password
Last edited time
Apr 28, 2024 06:10 AM
summary
icon
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=329859a9-7983-46ff-a5d6-9ecdc214ad42&t=329859a9-7983-46ff-a5d6-9ecdc214ad42&width=1660&cache=v2)
快速配置
在最新版本中 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=d7fba1cb-4ca6-420a-8e25-7aca99022eb3&t=d7fba1cb-4ca6-420a-8e25-7aca99022eb3&width=1952&cache=v2)
配置好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=386672c7-3d36-42ce-a212-cb99b568e81f&t=386672c7-3d36-42ce-a212-cb99b568e81f&width=1780&cache=v2)
问题来了,twikoo的后台地址怎么获得呢?
借助vercel,您可以非常快速地部署自己的twikoo后台,用于储存评论数据。
Twikoo部署步骤
twikoo的后台数据存储是基于MongoDB数据库的,我们可以先注册创建一个免费的在线MongoDB数据库。
Twikoo我以经很久不重新部署了,除了参阅我下文的教程外,建议您参考官方最新的文档和视频。
关于Twikoo的部署建议您参考官方文档:
相关视频教程
实践步骤
我之前部署的操作流程,由于MongoDB的后台页面变化已经twikoo的代码升级,此文已是两年前版本(2022-12-20)。仅供大致流程参考。
1.创建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=270f4025-9537-4052-ba0f-d29b84293f6a&t=270f4025-9537-4052-ba0f-d29b84293f6a&width=1630&cache=v2)
![选择最右边的免费方案即可](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=e9dbb2f8-11e7-46c6-95cc-d32d3815dca9&t=e9dbb2f8-11e7-46c6-95cc-d32d3815dca9&width=3080&cache=v2)
![选择一个地区,点击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=897edbaf-6226-45c8-94c4-b1161c8f6d00&t=897edbaf-6226-45c8-94c4-b1161c8f6d00&width=1834&cache=v2)
![创建用户名密码](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=82361039-5608-49eb-99c0-65df432077ee&t=82361039-5608-49eb-99c0-65df432077ee&width=1800&cache=v2)
这里下方要设置一个允许访问该数据库的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=31863038-82d9-4773-98c4-f293697c2826&t=31863038-82d9-4773-98c4-f293697c2826&width=3688&cache=v2)
![点击 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=ceac1df1-4acb-4640-9728-c087e0f54225&t=ceac1df1-4acb-4640-9728-c087e0f54225&width=1570&cache=v2)
![点击复制您的数据库连接地址](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=95d7e01c-5a6a-483e-bdd4-25c915f61f29&t=95d7e01c-5a6a-483e-bdd4-25c915f61f29&width=1568&cache=v2)
注意,<password>要手动替换成您设置的密码 ; 填写密码时去掉两侧的尖括号 < >
示例 mongodb+srv://username:[email protected]
2. Vercel一键部署
1.点击此链接导入代码
部分网友反馈:部署到 Vercel的时候总是报错:An unexpected error occurred. Our team has already been notified and are working to resolve the issue, please try again shortly.而用Twikoo官方版本的一键部署就可以成功部署。
我很久不部署twikoo了,这里建议还是参阅官方的代码
(改良版)官方的代码仓库部署失败,尝试用此链接部署
2.点击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=7b47d27c-bef0-47fa-8435-3d94475b693f&t=7b47d27c-bef0-47fa-8435-3d94475b693f&width=2496&cache=v2)
![点击右上角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=c0c708e8-1bd6-4f55-b04f-23e94d93f2fd&t=c0c708e8-1bd6-4f55-b04f-23e94d93f2fd&width=2466&cache=v2)
3.配置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=2ad00ca0-1477-41af-9c01-923bbbe903c0&t=2ad00ca0-1477-41af-9c01-923bbbe903c0&width=3364&cache=v2)
![添加完成后记得重新部署](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=cd6d7e2f-3fbb-4bee-bac6-687f0a0d680a&t=cd6d7e2f-3fbb-4bee-bac6-687f0a0d680a&width=3402&cache=v2)
- 部署后为确保此服务能被公开访问掉,需要检查vercel后台的权限验证是关闭状态:
在setting的Deployment Protection下确保Disabled关闭
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2Fdaa1a8e6-b787-42ce-a5f9-72327bd3c7bc%2F149B6744-99AC-46B3-88C4-7114006F620A.jpeg?table=block&id=90a61d29-0fe0-434e-adc3-5e167e304fd4&t=90a61d29-0fe0-434e-adc3-5e167e304fd4&width=2058&cache=v2)
上述部署完成后,您将获得一个vercel的twikoo后台页面,在vercel后台的domain中可以看到平台为您分配的默认域名,您可以选择像我一样自定义绑定域名,详情参考《vercel绑定自定义域名》这一章节
配置在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=5041199d-f222-4502-a6ef-0bf596340a9b&t=5041199d-f222-4502-a6ef-0bf596340a9b&width=1952&cache=v2)
🎉🎉🎉🎉🎉
到此完成~ 点击右下角的小齿轮即可配置您的管理员密码、并进行更多的功能设置。赶快体验吧~
![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=b6ef6b30-9a24-4b63-994b-b03a486e5b06&t=b6ef6b30-9a24-4b63-994b-b03a486e5b06&width=1702&cache=v2)
Twikoo文档
可以访问官方文档获取安装部署帮助,并且查看Twikoo的更多特性。
结束
NotionNext还支持其它多种评论插件,可访问以下文章获得帮助:
FAQ
twikoo曾经支持在博客列表直接显示文章评论数,但是比较消耗性能,我就关闭了,目前暂不支持此功能.
Loading...
Last update: 2022-12-20