Twikoo静态网站评论系统

0.首图.webp
简单回顾下博客评论系统的设置
看了好多博客都在使用Twikko评论系统😼
外观简洁大方,输入QQ号还可以自动识别昵称,挺方便的。

部署过程参考官网快速上手,还有视频教程🏂
(虽然是2021年录制的,不过也有一定的参考价值,不算过时)

数据库支持

首先评论需要一个地方来托管数据,这里使用MongoDB Atlas
免费账户可以永久使用500MB的空间,足够储存Twikoo评论使用。
打开链接根据提示输入相关信息注册账号
创建数据库-设置数据库的用户名和密码-添加网络白名单0.0.0.0 (允许所有ip地址的连接)
1.创建用户名密码.webp

云函数部署

有了hexo部署的前车之鉴,评论系统自然也要选择vercel,毕竟免费嘛🥳
在指导文档里面点击一键部署 按钮,进入Settings - Environment Variables,添加环境变量MONGODB_URI ,值为前面记录的数据库连接字符串。
2.输入环境变量.webp
进入 Settings - Deployment Protection,设置 Vercel Authentication 为 Disabled,并 Save
进入 Deployments , 然后在任意一项后面点击更多(三个点) , 然后点击 Redeploy ,
最后点击下面的 Redeploy
进入 Overview,点击 Domains 下方的链接,如果环境配置正确,
可以看到 “Twikoo 云函数运行正常” 的提示👍
3.函数运行正常.webp
至此已经完成整个部署啦。🎉🎉🎉

主题修改

在主题里找到twikoo评论开关,然后在envid后面粘贴Domains 的链接。

1
2
3
4
5
6
7
# Twikoo
# https://github.com/imaegoo/twikoo
twikoo:
envId: https://twikoo-khvkri-seveno.vercel.app/
region:
visitor: false
option:

最终效果展示

线条、圆角设计跟主题的风格接近,还挺不错的🤪
8.展示.webp
希望有帮助有价值的笔记下面可以多多评论互动🎉🎉🎉