参考Twikoo官方文档,添加Hugo博客的评论系统

一、申请env ID

查看官方文档Twikoo文档 ,采用云函数Vercel 部署方式,可参考Vercel 部署视频教程但其中有一个需要注意的点在bitbucket设置这里。

image.png

1. 申请 MongoDB 账号

可以直接使用google账号授权进行登录,这样比较方便。 image.png

2、创建数据库

选择aws服务商,创建免费 MongoDB 数据库,区域选择 AWS / N. Virginia (us-east-1) image.png

3、创建数据库账号密码

创建数据库用户,username随便写,密码可以Autogenerate Secure Password随机生成密码,并记录好密码,最后点击 Create User创建账号。

4、放通IP地址访问

在 Network Access 页面点击 Add IP Address,Access List Entry 输入 0.0.0.0/0(允许所有 IP 地址的连接),点击 Confirm。 image.png

5、获取链接方式

在 Database 页面点击 Connect,连接方式选择 Drivers,并记录数据库连接字符串,请将连接字符串中的 <username>:<password> 修改为刚刚创建的数据库 用户名:密码 image.png

mongodb+srv://twikoo:<password>@cluster0.fyyvm4b.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0

二、申请 Vercel 账号

1、注册账号

image.png

2、部署到Vercel

击以下面链接将 Twikoo 一键部署到 Vercel。 deploy

3、绑定bitbucket

3.1 这里点击bitbuket可以用只用google账号进行绑定。

image.png

3.2 登录到bitbuket,创建一个空间,然后创建一个库,不然下面获取不到bitbucket到库。

image.png

3.3 绑定bitbucket 创建完空间和库之后,再回到vercel deploy,就可以绑定到bitbucket中的库了,点击创建。创建完成后,下面有一览信息需要填写,这里随意填就可以了,然后填完就自动开始部署,耐心等待完成即可。

image.png

4、添加环境变量

进入 Settings - Environment Variables,添加环境变量 MONGODB_URI,值为前面记录的数据库连接字符串 image.png

回到Deployments设置,点击redeploy,然后勾选Redeploy with existing Build Cache.,点击REDEPLOY,耐心等待STATUS,building完成。 image.png

回到Project,复制DAMIN下面的地址。

image.png

打开进行测试,显示如下信息表示运行正常。

image.png

三、配置到博客

1、配置twikoo到博客

1.1 version版本这里到twikoo GitHub上查询最新的版本好填上即可。 1.2 id填写自己的twikoo id。


twikoo:

version: 1.6.32 # 填写twikoo版本号

id: https://twikoo-api-black.vercel.app/ # 填写自己的twikoo id

region: # 环境地域,默认为 ap-shanghai,如果您的环境地域不是上海,需传此参数,请看twikoo官方文档,Vercel 环境不填

2、设置评论密码管理

配置好twikoo后,重新hugo server -D,到下面所示的地方设置评论管理密码。

image.png

3、设置邮件提醒

twikoo使用比较方便,邮件提醒只需要在评论里设置就可以了。至此,评论功能全部部署完成。

image.png