参考Twikoo官方文档,添加Hugo博客的评论系统
一、申请env ID
查看官方文档Twikoo文档 ,采用云函数Vercel 部署方式,可参考Vercel 部署视频教程但其中有一个需要注意的点在bitbucket设置这里。
1. 申请 MongoDB 账号
可以直接使用google账号授权进行登录,这样比较方便。
2、创建数据库
选择aws服务商,创建免费 MongoDB 数据库,区域选择 AWS / N. Virginia (us-east-1)
3、创建数据库账号密码
创建数据库用户,username随便写,密码可以Autogenerate Secure Password
随机生成密码,并记录好密码,最后点击 Create User创建账号。
4、放通IP地址访问
在 Network Access 页面点击 Add IP Address,Access List Entry 输入 0.0.0.0/0
(允许所有 IP 地址的连接),点击 Confirm。
5、获取链接方式
在 Database 页面点击 Connect,连接方式选择 Drivers,并记录数据库连接字符串,请将连接字符串中的 <username>:<password>
修改为刚刚创建的数据库 用户名:密码
mongodb+srv://twikoo:<password>@cluster0.fyyvm4b.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0
二、申请 Vercel 账号
1、注册账号
2、部署到Vercel
击以下面链接将 Twikoo 一键部署到 Vercel。 deploy
3、绑定bitbucket
3.1 这里点击bitbuket可以用只用google账号进行绑定。
3.2 登录到bitbuket,创建一个空间,然后创建一个库,不然下面获取不到bitbucket到库。
3.3 绑定bitbucket 创建完空间和库之后,再回到vercel deploy,就可以绑定到bitbucket中的库了,点击创建。创建完成后,下面有一览信息需要填写,这里随意填就可以了,然后填完就自动开始部署,耐心等待完成即可。
4、添加环境变量
进入 Settings - Environment Variables,添加环境变量 MONGODB_URI
,值为前面记录的数据库连接字符串
回到Deployments
设置,点击redeploy
,然后勾选Redeploy with existing Build Cache.
,点击REDEPLOY
,耐心等待STATUS,building完成。
回到Project,复制DAMIN下面的地址。
打开进行测试,显示如下信息表示运行正常。
三、配置到博客
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,到下面所示的地方设置评论管理密码。
3、设置邮件提醒
twikoo使用比较方便,邮件提醒只需要在评论里设置就可以了。至此,评论功能全部部署完成。
...