Twikoo静态网站评论系统

Twikoo静态网站评论系统
Tmerowr
简单回顾下博客评论系统的设置
看了好多博客都在使用Twikko评论系统😼
外观简洁大方,输入QQ号还可以自动识别昵称,挺方便的。
部署过程参考官网快速上手,还有视频教程🏂
(虽然是2021年录制的,不过也有一定的参考价值,不算过时)
数据库支持
首先评论需要一个地方来托管数据,这里使用MongoDB Atlas,
免费账户可以永久使用500MB的空间,足够储存Twikoo评论使用。
打开链接根据提示输入相关信息注册账号
创建数据库-设置数据库的用户名和密码-添加网络白名单0.0.0.0
(允许所有ip地址的连接)
云函数部署
有了hexo部署的前车之鉴,评论系统自然也要选择vercel,毕竟免费嘛🥳
在指导文档里面点击一键部署
按钮,进入Settings - Environment Variables,添加环境变量MONGODB_URI
,值为前面记录的数据库连接字符串。
进入 Settings - Deployment Protection,设置 Vercel Authentication 为 Disabled,并 Save
进入 Deployments , 然后在任意一项后面点击更多(三个点) , 然后点击 Redeploy ,
最后点击下面的 Redeploy
进入 Overview,点击 Domains 下方的链接,如果环境配置正确,
可以看到 “Twikoo 云函数运行正常” 的提示👍
至此已经完成整个部署啦。🎉🎉🎉
主题修改
在主题里找到twikoo评论开关,然后在envid后面粘贴Domains
的链接。
1 | # Twikoo |
最终效果展示
线条、圆角设计跟主题的风格接近,还挺不错的🤪
希望有帮助有价值的笔记下面可以多多评论互动🎉🎉🎉
评论
匿名评论隐私政策
✅ 你无需删除空行,直接评论以获取最佳展示效果