返回博客
正式图床接入后,这里的 src 会替换成 img.<主域名> 下的 WebP 地址。
2026/06/17更新 2026/06/171 min
Cloudflare R2 图床流程
规划 Setobox 的图床路径、图片格式和 Markdown 组件接口,避免内容图片散落在仓库里。

图床边界
UI 固定资产放在项目内,文章内容图片放到 Cloudflare R2。这样既能让首屏资产随站点版本管理,也能避免博客图片让仓库越来越重。
路径规则
R2 bucket 计划命名为 setobox-assets,图片域名为 img.<主域名>。
博客图片路径采用:
/blog/yyyy/slug/name.webp
项目图片路径采用:
/projects/project-name/cover.webp
Markdown 接口
文章中不直接写裸图片,而使用 ArticleImage 组件。这样未来可以统一处理 caption、尺寸、懒加载和远程图片优化。