Twikoo 部署
为什么不用 Disqus
- Disqus 国内访问几乎不可用
- 广告满天飞
- 评论数据不在自己手里
Twikoo 的优势
- 部署在腾讯云函数(SCF),免费额度内够用
- 数据存储在云开发(CloudBase),完全自主
- UI 现代,支持 emoji、表情包、Markdown
- 自带反垃圾
部署步骤(简化版)
- 注册腾讯云账号
- 创建云函数,运行时 Node.js 14,上传 twikoo 源码
- 创建云开发环境(按量计费)
- 在云函数里配置环境变量绑定 CloudBase
- 拿到
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/ 不挂评论(一个是作品展示、一个是工具页)。
评论