首页

先叨叨一下心路历程。一开始在死磕waline的配置（+vercle），结果就是前端有评论模块，但是点击提交评论就会报错Failed to fetch，历经多月绞尽脑汁最终惨败。
今天突发奇想换成twikoo试一下，结果跟着官方教程一遍过了😭特别感动！！！

参考链接

  • 本博客的美丽主题来自👉ShokaX
  • 美丽主题的评论系统配置戳此
  • Twikoo快速上手戳此

开始配置

此博客用的是shokax官方推荐的云函数部署->Vercel部署的方式。

主要在两个网站上操作：

  1. MongoDB Atlas：云端数据库托管服务
  2. Vercel：云端部署平台

MongoDB Atlas、Vercel、用户评论三者的关系可以理解为：

用户评论 -- Vercel --> MongoDB（长期保存）

MongoDB Atlas

官方教程戳此。

  1. 注册账号
  2. 新建数据库（区域选择AWS）
  3. Database Access->新建权限为Admin的用户并记住账号密码
  4. Network Access->添加网络白名单（0.0.0.0/0）
  5. Database->Connect->Drivers
  6. 复制数据库连接字符串（<username>:<passname>修改为用户名：密码）

⚠注意替换用户名密码时把原尖括号删掉！！！

Vercel

官方教程戳此。

  1. 注册账号
  2. 将twikoo一键部署到vercel
  3. 进入你上一步部署的repo->settings
  4. settings->Environment Variables->添加环境变量（NAME:MONGODB_URI；VALUE：数据库连接字符串）
  5. 弹窗->Redeploy
  6. settings->Deployment Protection->Vercel Authentication设置为Disabled
  7. 弹窗->Redeploy
  8. Overview->visit->Twikoo云函数运行正常
  9. 复制visit跳转的网址

_config.shokax.yml

#twikoo评论配置
twikoo:
  enable: true # 是否开启
  mode: vercel # vercel(私有部署) 或 tencent
  envId: "visit跳转的网址" # twikoo 环境 ID,vercel 和私有部署填地址
  region: # vercel 和私有部署不填，腾讯云见 twikoo 文档

评论系统就这样配好了！欢迎宝宝们友好交流！！o(￣▽￣)ブ~♥