Instatic：自托管的可视化建站 CMS，发布出来就是干净的静态页

做一个小公司官网或个人博客，常见的路有两条：用 WordPress，接受一堆插件和每次升级时的提心吊胆；或者用 Webflow、Framer，每月交钱，站点和数据都放在别人那里。Instatic 走的是第三条：自己托管、可视化编辑，发布出来的页面是能在「查看源代码」里直接读懂的 HTML 和 CSS。项目由做过 Motion.page 和 Core Framework 的 CoreBunch 团队开发，以 MIT 许可证开源。微信公众号「直隶按察使」曾撰文介绍过它。

核心功能

• 一个进程装下整个站点：画布编辑器、内容引擎、媒体库、权限、表单、插件和发布器都跑在同一个 Bun 服务器里，数据库用 SQLite 或 Postgres，由 DATABASE_URL 决定。完整备份只需要数据库文件（或 Postgres 导出）加上传目录。
• 发布产物很轻：静态页面在发布时直接写到磁盘，访客拿到的就是文件；公开页面里没有 React，也没有编辑器代码。少数需要按访客变化的部分，由一个约 1.1 kB 的运行时懒加载。
• 多断点并排编辑：桌面端和移动端画布并排摆着一起改，也能切到实时模式，在真实页面上直接编辑内容。
• 内置 Core Framework 设计系统：定义一个品牌色会自动生成整套色阶，字号和间距按比例随视口缩放；改一个 token，所有引用它的页面跟着更新。
• AI 在画布上干活：AI 助手把你的描述变成画布上可以继续拖拽、修改的节点，搭页面时有 35 个工具可用。模型自选 Claude、OpenAI、OpenRouter 或本地 Ollama，用你自己的 API key。
• 插件跑在沙箱里：插件后端运行在 QuickJS-WASM 沙箱中，默认读不了文件和环境变量，也不能联网，需要站长逐个授权访问的主机。
• 表单数据归自己：表单提交直接写进站内的数据表，省掉第三方表单服务。

典型使用场景

• 自由职业者给客户交付官网：品牌色、字号统一放在设计 token 里管理，交付后客户可以在实时模式里自己改文案。
• 独立开发者把博客从 Squarespace 这类托管平台迁出来：Super Import 能把现有静态站的 HTML、CSS、图片和字体导入成可编辑的页面，写入前先列出冲突，整次导入可以一步撤销。
• 小团队赶一个产品发布页：让 AI 按现有设计系统在画布上搭出首屏和特性卡片，再手动微调细节。

快速上手

本地运行需要 Bun 1.4.1 或更高版本，默认使用 SQLite，不用另外起数据库：

git clone https://github.com/corebunch/instatic.git
cd instatic
bun install
bun run dev

打开 http://localhost:5173，首次访问会引导你创建站点和管理员账号。不想碰终端的话，README 提供了 Railway 一键部署模板，大约两分钟上线；也可以用官方 Docker 镜像部署到自己的 VPS，由 Caddy 处理 HTTPS。

小结

Instatic 适合想要可视化编辑、又想把站点和数据握在自己手里的独立开发者、自由职业者和小团队。项目用 TypeScript 编写，MIT 许可证，没有分级收费。上手前有三点要知道：项目还在 0.0.x 阶段（截至 2026-09-13 最新版为 v0.0.20），官方写明 1.0 之前 API 和工作流都可能变化，用在正式站点上要预留迁移成本；仓库文档里没有找到 WordPress XML 导入，Super Import 面向的是静态站点文件，从 WordPress 迁移需要先导出静态版本；分析功能目前只有后台状态、审计日志和表单数据，还没有访客统计。