返回
Featured image of post HUGO食用指南 - 留言篇

HUGO食用指南 - 留言篇

添加评论模块

Twikoo

评论模块选择了Twikkoo,这里使用了Vercel 部署方式。详细参考Twikoo官方文档

Vercel 部署教程

创建MongoDB数据库

  1. 申请 MongoDB 账号

  2. 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1)

  3. Clusters 页面点击 CONNECT,按步骤设置允许所有 IP 地址的连接

  4. 创建数据库用户,并记录数据库连接字符串,请将连接字符串中的 <password> 修改为数据库密码

mongodb+srv://user:@cluster0.b5hay.mongodb.net/myFirstDatabase?retryWrites=true&w=majority

部署至Vercel

  1. 申请 Vercel 账号

  2. 点击这里将 Twikoo 一键部署到 Vercel

  3. 进入 Settings - Environment Variables,添加环境变量 MONGODB_URI,值为上方第 4 步的数据库连接字符串

  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:

版本更新

  1. 进入 Vercel 仪表板 - twikoo - Settings - Git

  2. 点击 Connected Git Repository 下方的仓库地址

  3. 打开 package.json,点击编辑

  4. "twikoo-vercel": "x.x.x" 其中的版本号修改为最新版本号。点击 Commit changes

  5. 部署会自动触发,可以回到 Vercel 仪表板 ,查看部署状态

设置头像

Twikoo默认自定义头像CDN为:Gravatar

申请 Gravatar 账号,上传头像应用即可,之后用注册的邮箱评论就自带头像啦

一起愉快的灌水吧!


HUGO食用指南

Built with Hugo
Theme Stack designed by Jimmy