一、简单介绍一下Twikoo

Twikoo评论系统是目前国内部署个人最推荐的评论系统,之前搞过waline但是waline是基于vercel部署的,因为vercel被墙了导致国内访问体验很差

Twikoo基于腾讯云函数开发,可在国内正常访问,本文采用twikoo官网中的Netlify部署方式,具体操作步骤也可移步官网查看。

twikoo官网:https://twikoo.js.org/

二、具体操作

  1. 申请 MongoDB 账号
  2. 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1)(我选的是香港的)
  3. 在 Database Access 页面点击 Add New Database User 创建数据库用户,Authentication Method 选 Password,在 Password Authentication 下设置数据库用户名和密码,用户名和密码可包含数字和大小写字母,请勿包含特殊符号。点击 Database User Privileges 下方的 Add Built In Role,Select Role 选择 Atlas Admin,最后点击 Add User

img

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

img

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

img

  1. 申请并登录 Netlify 账号,创建一个 Team

  2. 打开 twikoojs/twikoo-netlify 点击 fork 将仓库 fork 到自己的账号下

  3. 回到 Netlify,点击 Add new site - Import an existing project
    img

  4. 点击 Deploy with GitHub,如果未授权 GitHub 账号,先授权,然后选择前面 fork 的 twikoo-netlify 项目
    img

  5. 点击 Add environment variables - New variable,Key 输入 MONGODB_URI,Value 输入前面记录的数据库连接字符串,点击 Deploy twikoo-netlify
    img

  6. 部署完成后,点击 Domain settings - 右侧 Options - Edit site name,可以设置属于自己的三级域名(https://xxx.netlify.app
    img

  7. 进入 Site overview,点击上方的链接,如果环境配置正确,可以看到 “Twikoo 云函数运行正常” 的提示

云函数地址(包含 https:// 前缀和 /.netlify/functions/twikoo 后缀,例如 https://xxx.netlify.app/.netlify/functions/twikoo)即为您的环境 id
img

复制粘贴下面的代码到主题配置文件中,替换掉环境id,开启评论即可

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#评论功能
comments:
use: twikoo
text: true # Display the comment name next to the button
# lazyload: The comment system will be load when comment element enters the browser's viewport.
# If you set it to true, the comment count will be invalid
lazyload: false
count: true # Display comment count in top_img
card_post_count: false # Display comment count in Home Page

twikoo: # twikoo评论
envId: [用你上一步生成的环境id替换]
region:
visitor: false
option:

文本转载于twikoo官方云函数部署教程:https://twikoo.js.org/backend.html#netlify-%E9%83%A8%E7%BD%B2 ,如有侵权请联系删除;

三、测试验证

image-20240121151329846