Twikoo 评论系统部署

Twikoo 部署

为什么不用 Disqus

  • Disqus 国内访问几乎不可用
  • 广告满天飞
  • 评论数据不在自己手里

Twikoo 的优势

  • 部署在腾讯云函数(SCF),免费额度内够用
  • 数据存储在云开发(CloudBase),完全自主
  • UI 现代,支持 emoji、表情包、Markdown
  • 自带反垃圾

部署步骤(简化版)

  1. 注册腾讯云账号
  2. 创建云函数,运行时 Node.js 14,上传 twikoo 源码
  3. 创建云开发环境(按量计费)
  4. 在云函数里配置环境变量绑定 CloudBase
  5. 拿到 envId,形如 for-xxx-12345

前端集成

<div id="twikoo"></div>
<script src="https://cdn.jsdelivr.net/npm/twikoo@1.7.11/dist/twikoo.min.js"></script>
<script>
twikoo.init({
  envId: 'for-xxx-12345',
  el: '#twikoo',
  // 可选
  region: 'ap-shanghai',  // 部署区域
  path: location.pathname,
})
</script>

站内反代(重要)

Twikoo 默认走 jsdelivr CDN,国内访问慢。在 nginx 里加:

location /twikoo/ {
  proxy_pass https://cdn.jsdelivr.net/npm/twikoo@1.7.11/;
}

然后把前端引用改成相对路径 /twikoo/dist/twikoo.min.js

我的配置

# data/comments.yaml
envId: "for-sslepy-d9g2q4akt27a2b176"
position: "bottom"
version: "1.7.11"

disabled:
  - /play/
  - /search/

options:
  show_region: true
  image_upload: true

/play//search/ 不挂评论(一个是作品展示、一个是工具页)。

评论