hexo部署Twikoo评论系统

何为Twikoo

一个简洁、安全、免费的静态网站评论系统。

云函数Vercel部署

申请 MongoDB 账号

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

在 Database Access 页面点击 Add New Database User 创建数据库用户，Authentication Method 选 Password，在 Password Authentication 下设置数据库用户名和密码，用户名和密码可包含数字和大小写字母，请勿包含特殊符号。点击 Database User Privileges 下方的 Add Built In Role，Select Role 选择 Atlas Admin，最后点击 Add User

在 Network Access 页面点击 Add IP Address，Access List Entry 输入 0.0.0.0/0（允许所有 IP 地址的连接），点击 Confirm

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

申请 Vercel 账号

点击以下按钮将 Twikoo 一键部署到 Vercel

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

进入 Deployments , 然后在任意一项后面点击更多（三个点） , 然后点击Redeploy , 最后点击下面的Redeploy

进入 Overview，点击 Domains 下方的链接，如果环境配置正确，可以看到 “Twikoo 云函数运行正常” 的提示

Vercel Domains（包含 https:// 前缀，例如 https://xxx.vercel.app）即为您的环境 id

部署至hexo前端

以博主使用的butterfly主题为例，在主题配置文件中修改以下代码

1
2
3
4
5
6
7
8
9
10
11
comments:
  # Up to two comments system, the first will be shown as default
  # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42
  use:
    - Twikoo # Valine,Disqus,...
  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: true
  count: true # Display comment count in post's top_img
  card_post_count: false # Display comment count in Home Page

之后修改

1
2
3
4
5
twikoo:
  envId:你刚刚获取的环境id
  region:
  visitor: false
  option:

hexo三连即可

参考

butterfly安装文档

Twikoo文档