zqlit c217d20c30 feat(editor): 在线编辑文章(Worker 前端 + 轻量 docker 后端)
后端(新增 editor-api/,零 npm 依赖,只用 node 内置模块):
- 只做文章相关:列表/读取/新建/保存/删除/图片上传/git 状态·发布·同步
- front matter 往返保真:未改动的块按字节照抄,CRLF/块标量/引号写法都不动
- 列表用目录名当 id,slug 撞名不再静默改错文件(返回 409 列候选)
- 鉴权只有一条路:X-Editor-Token(只存在 Worker 侧,浏览器拿不到)
- 端口只绑 127.0.0.1,由宿主机 nginx 反代出去

部署(新增 deploy/editor-api/bootstrap.sh):
- 一条命令在新机器上完成 克隆仓库→写 .env→起容器→健康检查
- 状态全在两个目录(/srv/blog 仓库工作区 + /srv/editor-api 配置),
  迁移 = 复制目录或在新机重跑本脚本,容器本身无状态

Cloudflare Worker 侧(blog-admin):
- src/routes/editor.ts:鉴权 + 反代,浏览器只跟 Worker 说话
- 管理面板新增「文章编辑」:两栏布局 + 快捷插入面板(13 项短代码,
  与 write-server 的 ShortcutPanel 一致)+ 底部 草稿/保存/发布
- 系统设置改为 schema 驱动的表单,且**以运行时实际生效的配置为准**
  (frontend_conf/captcha/moderator/ip_region/site_default + KV human_check),
  修复「表单显示一套、评论系统跑另一套」的脱节问题

验证:tsc 0 错;front matter 往返 130/130;保存往返 130/130;
API e2e 44/44;无头 Chrome UI e2e 14/14
2026-10-04 21:16:06 +08:00
2026-03-01 11:48:36 +08:00
2026-10-02 18:04:21 +08:00
2026-02-09 20:42:18 +08:00
2026-06-05 13:58:26 +08:00
2026-06-24 13:42:36 +08:00
2026-01-30 21:11:05 +08:00
2026-01-30 21:11:05 +08:00
2024-07-11 08:57:41 +08:00
2024-07-11 08:59:32 +08:00
2024-07-11 08:57:41 +08:00
2026-06-25 13:53:18 +08:00
2026-06-29 17:15:56 +08:00
2026-06-29 17:15:56 +08:00

优世界博客(usj.cc)

Hugo 静态博客 + 自研评论后端 + 写作后台。 构建与发布跑在腾讯云 CNB(国内节点),单次发布约 3.5 分钟,境内/境外两条线路一次推完。

架构全貌、迁移前后对比、运维要点 → 架构总览.md


一、项目构成

子系统 位置 技术栈
内容 content/、themes/Ying/ Hugo 0.128.2 extended + Ying 主题
评论后端 blog-admin/ artalk-cf:Cloudflare Workers + D1 + KV(api.200181.xyz)
写作后台 write-server/(线上 post.usj.cc)、write/(本地 Windows) Next.js
发布 .cnb.yml、deploy/ CNB 流水线 + Dockerfile

二、目录结构

blog/
├── .cnb.yml                 # ★ CNB 流水线(push + 每日定时)
├── deploy/Dockerfile        # 构建镜像(hugo 二进制由 bin/linux/hugo 提供)
├── bin/linux/hugo           # Hugo extended 0.128.2(linux/amd64,供 CNB 构建用)
├── content/
│   ├── posts/<年>/<日期>-<标题>/   # 文章(Page Bundle,index.md + 图片)
│   ├── about.md / links.md / circles.md / archives.md
├── themes/Ying/             # 主题(layout / assets / data)
├── static/                  # 原样复制进产物(emotion 表情、image、js …)
├── blog-admin/              # 评论后端(artalk-cf)
├── write-server/            # 线上写作后台
├── write/                   # 本地写作前端
├── scripts/                 # 各类工具脚本(见第六节)
├── hugo.toml                # Hugo 主配置
└── 架构总览.md              # ★ 架构文档

三、内容写作

文章结构

每篇文章是一个 Page Bundle:

content/posts/2024/2024-05-01-文章标题/
├── index.md          # 正文
└── 配图.jpg          # 同目录图片(可用相对路径引用)

URL 规则

由 front matter 的 slug 决定(hugo.toml 里 permalinks.post = "/:slug"):

---
title: "我的文章"
date: 2024-05-01
slug: "my-post"
---

生成 https://usj.cc/my-post.html(uglyURLs,带 .html)。

隐藏文章

在 front matter 加 status: hidden。构建前 scripts/add_draft_to_hidden.py 会把它转成 draft: true,不出现在列表里,但直达链接仍可访问。

本地预览

hugo server -D          # 含草稿

四、发布流程

写作(write-server / write/)
   │  git pushall
   ▼
CNB 主仓 zqlit/blog ──触发──► CNB 流水线(国内节点,约 3.5 分钟)
                                ├─ Hugo 构建
                                ├─ 同步到又拍云(境内源站)
                                ├─ 刷新又拍云 CDN
                                ├─ 刷新多吉云 CDN
                                ├─ 部署 EdgeOne Pages(境外线路)
                                └─ 邮件通知
  • 推送:git pushall = git push origin main; git push gh main (origin = CNB 主仓,gh = GitHub 备份)
  • 触发:推送到 main;另有每日 0 9 * * *(北京时间)定时构建
  • 密钥:全部来自 CNB 密钥仓库 zqlit/blog-secrets,经 .cnb.yml 的 imports 注入, 仓库里没有任何明文密钥
  • 改动 main 即自动上线,本地无需构建

五、三个子系统

内容系统

Hugo + Ying 主题。hugo.toml 控站点信息、永久链接、Artalk 地址、弹幕等。

评论系统(blog-admin/)

自研的 Artalk v2 兼容服务端,跑在 Cloudflare Workers + D1(SQLite)+ KV:

  • 前端用官方 Artalk 客户端(themes/Ying/assets/js/libs/Artalk.js,本地打包,非 CDN)
  • 后端 API 基址 https://api.200181.xyz(评论 /api/v2/* 与 RSS 订阅 /api/* 同一 Worker)
  • 部署:cd blog-admin && npm run deploy(详细步骤见 blog-admin/README.md、部署清单.md)

写作后台

  • write-server/:线上版(Next.js),部署在独立主机
  • write/:本地 Windows 版

六、常用脚本(scripts/)

脚本 用途 在哪跑
add_draft_to_hidden.py 构建前把 status: hidden 转成草稿 CI
refresh_cdn.js 刷新多吉云 CDN(零依赖) CI
send_mail.js 构建结果邮件通知(零依赖 SMTP) CI
setup-cnb-remotes.sh 切换/重建 git 远端(CNB 主仓 + GitHub 备份) 本机
optimize_images.js 图片批量压缩优化 本机
generate_circle_data.js 抓友链 RSS 生成朋友圈数据 本机
update_link_lite_json.ps1 友链 links.yaml → JSON 本机
add_ancient_chars.py / check_ancient_chars.py / merge_chars.py 字体生僻字增补与校验 本机
cleanup_duplicates.js / migrate_slugs.js 一次性维护脚本 本机

deploy_*.sh(又拍云 / EdgeOne / 定时)是本机手动部署的旧入口,日常已不需要—— 推送 main 由 CNB 自动完成。


七、相关文档

文档 内容
架构总览.md 当前架构全貌(子系统、发布链路、迁移前后对比、运维要点)
CNB构建落地方案.md 迁 CNB 的实施方案与实测数据
代码源与构建平台选型.md 平台对比(CNB / Gitee / GitLab / EdgeOne / 阿里云 ESA)
砍COS改造步骤.md 腾讯云 COS 下线记录
blog-admin/README.md 评论后端完整说明
blog-admin/部署清单.md 评论后端部署步骤
Languages
TypeScript 42%
JavaScript 32.2%
CSS 13.8%
HTML 6.2%
Shell 3.4%
Other 2.4%