Cloudflare on 吾思 梦阁https://wstek.win/tags/cloudflare/Recent content from 吾思 梦阁Hugozh-cnwusitech@qq.com (WuSi)wusitech@qq.com (WuSi)本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！Thu, 15 Oct 2026 18:00:00 +0800如何实现评论区构建通过 CF Pages Function + GitHub 仓库https://wstek.win/posts/mysite-comment/Thu, 15 Oct 2026 18:00:00 +0800wusitech@qq.com (WuSi)https://wstek.win/posts/mysite-comment/ 如何实现评论区构建通过 CF Pages Function + GitHub 仓库

作者：WuSi（wusitech@qq.com）

0x00 背景

静态博客没有后端，评论基本只有两条路：挂第三方，或者自己想办法。

第三方用着省事，但问题也不少：有的开始收费，有的停止维护，有的国内访问时快时慢。最主要的是数据不在自己手里，服务一关评论就没了。

所以这次换了个做法：评论文件放自己的仓库，写评论交给一个 Serverless 函数去提交。

0x10 整体结构 

  flowchart LR
    A[浏览器] -->|读评论| B[静态 JSON 文件]
    A -->|写评论| C[Cloudflare Pages Function]
    C -->|服务端提交| D[GitHub 仓库]
    D -->|触发构建| E[静态站点更新]

四个环节

  1. 读：评论就是一个 JSON 文件，浏览器当静态资源取
  2. 写：表单提交到 /api/comment，这是 Cloudflare Pages 的 Function
  3. 存：函数拿 GitHub 令牌调用 Contents API，改文件并提交
  4. 生效：仓库变更触发站点重新构建

没有数据库，没有常驻服务器。

0x20 评论存在哪

按页面拆文件：

static/comments/
├── posts/
│   ├── stm32f4-interrupt.json
│   └── ubuntu_install.json
├── about.json
└── friend.json

文件里是个数组，一条评论长这样：

{
  "id": "c_xxxxx",
  "name": "test",
  "body": "test123456",
  "ts": 1792304863141,
  "hidden": false,
  "author": false,
  "replyTo": ""
}

两个设计

扁平存储。 不管回复多深，全部平铺在一个数组里，靠 replyTo 记父评论的 id。加评论就是往数组末尾追加，不用改结构。

本文2026-10-15首发于吾思 梦阁，最后修改于2026-10-15

]]>网站