这是一篇最小效果演示:同一张白板在本地预览时可以直接编辑,发布后则退化为普通静态图片。

Tldraw 博客白板从本地编辑到静态发布的工作流Tldraw 博客白板从本地编辑到静态发布的工作流
一份可维护的 .tldr 源文件,发布为不可编辑的静态图

本地维护

运行 bun run start 后,上面的区域就是完整的 tldraw 编辑器。手绘、文本、便签和连线都会自动保存到 source/_boards/blog-tldraw-demo.tldr

AI 绘制

预览页保持打开时,Codex 可以通过本地桥接操作同一张白板。AI 与手工修改最终保存到同一份 .tldr 文件,不需要转换格式。

静态发布

执行 bun run build 时只复制同步生成的 WebP 预览和 SVG 原图;线上页面没有 tldraw 运行时,也拿不到可编辑源文件。