Instatic：开源替代 Webflow/WordPress 的自托管可视化 CMS，输出纯静态页面

一、简介

在搭建现代网站时，你通常需要拼凑一堆工具：Headless CMS、前端框架、托管平台、表单服务、分析工具、图片 CDN……每多一个服务就多一份账单、多一个控制台、多一个凌晨出故障的可能。

Instatic 给出了完全相反的答案。这是一个用 Bun + TypeScript + React 19 构建的开源自托管 CMS，把可视化编辑器、内容引擎、媒体管理、认证系统、表单、插件和静态页面发布器全部塞进一个服务器里。最关键的是——它输出的页面是纯语义 HTML + 紧凑 CSS，没有任何框架运行时残留，加载速度接近于静态文件直接读取。

MIT 协议开源，GitHub 已获 5k+ Star，今日 Trending 热度 426+ Star。

二、核心亮点

🎨 真正的可视化画布编辑器

Instatic 的编辑器是一个真实的画布，而不是「表单+预览窗口」的拼凑。你可以并排放置多个断点框架（Desktop/Mobile）同时编辑，修改桌面端时手机端实时响应。内置 Core Framework 设计令牌引擎，颜色、字体、间距全部数字化管理——改一个主色调，全站自动生成对应色阶。

🧱 模块化页面构建

提供容器、文本、图片、按钮、视频、列表、链接、SVG、表单等基本模块，拖拽即可搭建页面。支持可视化组件（Visual Components），带类型参数和命名插槽，修改组件定义后全站实例自动更新。模板系统、循环布局（Loops）让你轻松处理博客列表、产品网格等场景。

📊 自定义数据表

在 /admin/data 下可以创建自定义内容类型和数据表，用类似电子表格的界面管理行数据——搜索、排序、过滤、批量发布、批量导出。建一个「团队成员」表，然后用 Loop 渲染到关于页面，一气呵成。

🤖 内置 AI 智能体

Instatic 内置了一个真正能编辑页面的 AI Agent：描述你想要的内容，它会在画布上生成真实可编辑的节点（不是截图也不是代码墙）。支持 Claude、OpenAI、OpenRouter 或本地 Ollama——你自己的 key，你自己的模型，你付自己的账单。

🔌 沙箱插件系统

插件运行在 QuickJS-WASM 沙箱中：无文件系统访问、无环境变量、无网络（除非站长授权）。插件可以添加 HTTP 路由、存储任务、Loop 数据源、画布模块、媒体存储适配器等。

⚡ 极致性能

发布时页面直接烘焙成静态文件写入磁盘，原子交换。访问者拿到的是文件而不是动态渲染结果。真正需要动态化的部分由仅 1.1KB 的运行时自动检测并懒加载——比这一段文字还小。

🔒 企业级安全

38 种能力组成的角色系统、令牌会话、TOTP 双因素认证（密钥静态加密存储）、失败锁定与退避策略、不可篡改的追加式审计日志。

三、技术栈

四、快速上手（5 分钟跑起来）

你只需要安装 Bun，其他什么都不用。

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

打开 http://localhost:5173，首次访问会引导你创建站点和管理员账号。

想看它实际发布后的样子？运行 bun run start，管理后台构建完成后通过 http://localhost:3001/admin 访问。

生产部署

Instatic 是一个 Docker 镜像，一行命令部署：

INSTATIC_IMAGE=ghcr.io/corebunch/instatic:latest docker compose -f compose.prod.yml -f compose.sqlite.yml up -d

还支持 Railway 一键部署、Render 托管、VPS 自部署等方案。备份也极简：备份数据库 + uploads 文件夹 = 完整备份。

五、适用场景

• 个人博客 / 作品集：SQLite 默认配置即可，零运维负担
• 企业官网 / 小型商业站：PostgreSQL + 多用户角色 + 自定义数据表
• 要逃离 WordPress 的开发者：可视化编辑 + 纯静态输出，没有遗留代码拖累
• 追求性能的静态站：输出即静态文件，CDN 友好，SEO 天然满分
• 插件开发者：沙箱插件系统，MIT 协议，随便改

六、总结

Instatic 的野心很大——它想做 Webflow + WordPress + Framer 的开源替代。目前仍是 0.0.x 版本，团队坦诚地列出了待开发项（真·分析、更多模块/插件生态、更聪明的 AI Agent），但这个「起点」已经包含了绝大多数 CMS 的核心功能。

来自 Motion.page 和 Core Framework 团队（WordPress 生态的老玩家），他们做 Instatic 的逻辑很清晰：「我们花了多年让别人的平台变得更好用，某一天开始问自己——如果底层一开始就是对的呢？」

MIT 协议、无分级收费、无 open-core 花招、无「联系销售」——你的站点完全属于你自己。如果你想参与塑造未来二十年的站点拥有方式，现在正是好时机。

GitHub 地址：https://github.com/CoreBunch/Instatic

官网：https://instatic.dev