Twikoo
评论模块选择了Twikkoo,这里使用了Vercel 部署方式。详细参考Twikoo官方文档
Vercel 部署教程
创建MongoDB数据库
-
创建免费 MongoDB 数据库,区域推荐选择
AWS / N. Virginia (us-east-1)
-
在 Clusters 页面点击
CONNECT
,按步骤设置允许所有 IP 地址的连接 -
创建数据库用户,并记录数据库连接字符串,请将连接字符串中的
<password>
修改为数据库密码
mongodb+srv://user:@cluster0.b5hay.mongodb.net/myFirstDatabase?retryWrites=true&w=majority
部署至Vercel
-
点击这里将 Twikoo 一键部署到 Vercel
-
进入
Settings
-Environment Variables
,添加环境变量MONGODB_URI
,值为上方第 4 步的数据库连接字符串 -
进入
Overview
,点击 Domains 下方的链接,如果环境配置正确,可以看到 “Twikoo 云函数运行正常” 的提示
Vercel Domains(包含 https:// 前缀,例如https://xxx.vercel.app)即为环境 id
前端部署
- 如果网站主题支持 Twikoo,只需在配置文件中指定 Twikoo 即可
- 如果网站主题不支持 Twikoo,需要修改源码手动引入 Twikoo 的 js 文件并初始化
在站点配置文件中修改部分如下:
comments:
enabled: true
provider: twikoo
...
twikoo:
envId: <添加Vercel Domains环境ID>
region:
path:
lang:
版本更新
-
进入 Vercel 仪表板 -
twikoo
-Settings
-Git
-
点击 Connected Git Repository 下方的仓库地址
-
打开
package.json
,点击编辑 -
将
"twikoo-vercel": "x.x.x"
其中的版本号修改为最新版本号。点击Commit changes
-
部署会自动触发,可以回到 Vercel 仪表板 ,查看部署状态
设置头像
Twikoo默认自定义头像CDN为:Gravatar
申请 Gravatar 账号,上传头像应用即可,之后用注册的邮箱评论就自带头像啦
一起愉快的灌水吧!
HUGO食用指南