本页内容
先看这张对比表
| 选项 | 适合用途 | 先核对 |
|---|---|---|
| HatchIt · AI 开发作品 | 将轻量 React/Tailwind 网站放进自有 GitHub 仓库 | CMS 模型、表单与权限需单独处理 |
| WEB4 · AI 开发作品 | 从设计出发编辑页面并导出代码 | 托管独立收费,未确立完整 CMS |
| Framer · 成熟软件 | 托管可视化网站与 CMS 编辑 | 官方不提供 HTML 自托管导出 |
| WordPress · 成熟软件 | 自行运营内容系统与模板 | 托管、主题兼容、备份与更新 |
AI 开发的选项
2 个项目也值得比较的成熟产品
图解选型笔记
Webflow01导出文件之前,先列清 CMS 与服务。
02集合 CSV 与可运行的内容系统不同。
03明确下一次内容更新由谁负责。
迁移前先试一个真实任务
重建一个内容模板和一条内容。让后续维护人员发布一次编辑,再核对公开路由和交付文件。
先列清页面背后的服务
一个看似静态 HTML 的网站,可能依赖 CMS 集合、表单送达、搜索、多语言或密码保护。Webflow 导出文档明确排除这些平台服务。应先判断哪些仍然必要,再比较前端生成工具与托管内容系统。
分别核对三种输出
| 输出 | 文档说明 | 剩余工作 |
|---|---|---|
| 前端文件 | 符合权益的 Workspace 可导出 HTML、CSS、JavaScript 与资源 | 仅有 Site plan 不包含该导出权益 |
| CMS 数据 | 集合数据可单独备份 | CSV 不等于可用 CMS 编辑器或已渲染网站 |
| 线上服务 | 表单、搜索、访问规则与多语言内容 | 分别选择并验证替代服务 |
下一篇文章由谁添加?
对于自有代码的营销站,HatchIt 或 WEB4 可以是起点。如果非开发人员需要持续发布结构化内容,应使用一条有代表性的内容检查 Framer 或 WordPress 编辑器。参考 URL 导入器不能证明 CMS 关系、slug、重定向或编辑权限会迁移。
怎样使用这份对比
在候选产品中试同一条小流程,保持输入、输出和必要集成一致。这张表记录公开资料说明的范围,不代表已完成产品对照实测。
你可能还想知道
Webflow 导出能带走全部功能吗?
不能。发布方列出的排除项包括 CMS 功能、表单处理、搜索、密码保护与多语言内容。数据与服务迁移需要独立安排。
这里的产品都是 AI 开发的吗?
只有提供原始作者记录的条目才显示这一归因。成熟软件单独列出,不会被加上 AI 开发标签。
资料出处
AI 开发归因只用于有作者记录的产品。其他选项依据发布方文档整理,当前价格与套餐请在产品官网核对。
- Charles Perez — building WEB4 with Cursor
- WEB4 product site
- HatchIt — original maker build post
- HatchIt product site
- Framer official documentation
- WordPress official documentation
- Framer HTML export and hosting boundary
- Webflow visual CMS
- Webflow code export requirements and exclusions
- WordPress hosting requirements
- WordPress official brand assets

