Instatic – 可视化内容管理系统

Instatic

Instatic 一个自托管的 CMS,其中可视化编辑器、内容引擎和发布器都位于同一个 Bun 服务器上——而且它发布的页面足够简洁,可以在查看源代码时阅读。

一、Instatic 简介

现代网站往往意味着要拼装一整套技术栈:无头 CMS、前端框架、托管服务、表单服务、数据分析平台、图片 CDN——每一个都有独立的账单、后台面板,以及凌晨两点可能出现的故障。Instatic 选择了完全相反的路径:用一个 Bun 服务器承载全部功能——画布式编辑器、内容引擎、媒体管理、身份认证、表单、插件和发布系统——你可以将它部署在任意环境中,并以 SQLite 或 Postgres 作为数据库支持。

最终呈现出来的结果,正是许多开发者往往不得不妥协的部分:纯粹、语义化的 HTML 和精简的 CSS,页面中不会残留任何编辑器运行时的痕迹。没有框架运行时环境,没有构建器专属属性,也没有层层嵌套的“div 汤”。网站加载体验就像一个静态文件——因为在大多数情况下,它确实就是静态文件。

二、一键部署Instatic

Railroad 是让 Instatic 上线最快的方式。选择一个模板,点击按钮,等待大约两分钟。就这么简单。它会自动生成密钥、连接存储卷并设置健康检查。您无需打开任何终端。

提供者数据库最适合部署
铁路·推荐SQLite一个网站——博客、作品集、小型企业部署 →
铁路Postgres多作者协作、托管备份、扩展空间部署 →
使成为SQLite 或 Postgres偏好渲染服务、磁盘和托管Postgres的团队指南 →
Docker / VPSSQLite 或 Postgres自带服务器、Caddy TLS、自定义备份策略指南 →

三、Instatic 功能介绍

1、设计

编辑器是一个真正的画布,而不是一个带有预览窗格的表单。您可以并排放置多个断点框架并同时进行编辑。更改桌面框架和移动框架会在同一视图中同步更新。如果您想直接编辑实际内容,可以切换到实时模式,直接编辑单个全尺寸页面。

这是其他平台所不具备的部分:核心框架已内置。它是数千名 WordPress 专业人士每天都在使用的设计令牌引擎,而且在这里它是一个核心系统,而不是一个需要安装并祈祷其正常运行的插件。

  • 能够生成自身色调范围的颜色标记。定义一种品牌颜色,即可自动获得一整套经过调校的色调和明暗度。
  • 流畅且符合数学规律的字体缩放。只需一个随视口缩放的渐变条,即可取代需要手动调整的四十种字体大小。
  • 调整间距,使每一页和每一个断点都保持相同的节奏。
  • 一个实用类生成器,它将锁定的、生成的类合并成一个小型文件framework.css。没有臃肿的代码,没有重复的规则,只有你需要的。

2、建造

  • 模块是构成元素的基本单元:容器、文本、图像、按钮、视频、列表、链接、SVG、表单。将它们拖到画布上,并根据需要进行嵌套。
  • 可视化组件是可重用的元素:带有类型化的参数和命名的插槽。参数可以是字符串、数字、布尔值、颜色、图像、URL、富文本、枚举或整个内容插槽。只需编辑一次组件,网站上的所有实例都会自动更新。组件自身引用会被阻止,避免出现自相矛盾的情况。
  • 模板负责处理共享的页面布局:整个网站使用一个布局,每种文章类型使用不同的布局,还有一个您可以自行设计的 404 页面。内容流入一个输出口,因此页眉和页脚只需编写一次即可包裹所有内容。
  • 循环会在一系列内容上重复执行相同的布局:可以是你的文章、页面、媒体文件,或者插件公开的任何资源。给循环设置几个不同的布局变体,它会在循环过程中交替使用。非常适合用于文章列表、产品网格和图库。
  • 这些表单属于您的内容管理系统 (CMS):您可以利用语义字段构建表单,提交的数据将直接导入您自己的数据表。Instatic 可以读取您设置的字段,并自动创建匹配的数据表。无需第三方表单服务,无需嵌入,联系表单也无需支付月费。
  • 一个能够真正编辑页面的AI代理:只需描述你的需求,它就能在画布上构建出真实可编辑的节点,而不是截图或一大段代码。它使用与粘贴标记时相同的导入管道,编写语义化的HTML来构建页面结构,并使用CSS来设置样式。一个包含35个工具的站点范围用于构建页面;一个包含15个工具的内容范围用于编辑条目。你可以使用自己的模型:Claude、OpenAI、OpenRouter或本地Ollama。你的密钥、你的模型、你的账单。
  • 导入功能强大,稳定可靠:粘贴原始 HTML 代码即可获得可编辑节点。或者,您可以导入整个静态网站(包括 HTML、CSS、图片和字体),Super Import 会将其转换为页面、样式规则、设计令牌和媒体文件。所有冲突都会在编写任何内容之前显示给您,而且整个导入过程只需一次撤销即可完成。

3、分析

  • 所有内容都基于同一个内容模型页面、文章、组件、自定义集合以及您创建的任何结构化表格都存储在同一个存储库中。data_tables没有data_rows隐藏在角落里的特殊“页面”表。模式、原始数据行、导入、导出和表单提交都集中在一个统一的位置。
  • 这是一个数据工作区,您可以在这里设计自己的集合您可以/admin/data创建自定义文章类型和自定义数据表,并拥有各自的字段,然后在类似电子表格的网格中处理这些行:搜索、排序、筛选、批量发布、批量导出。自定义文章类型配备了完整的编辑工作流程——草稿、定时发布、已发布——以及已发布版本的历史记录。普通数据表是简单的网格,您可以指向任何内容:表单提交、产品目录、轻量级 CRM、客户评价列表等等。您创建的每个表都是一个内容源,可以通过循环渲染。只需定义一次“团队”表,然后将其循环添加到“关于我们”页面,就完成了。
  • 一个用于写作的内容工作区一个专注于文章和合集的界面,外加实时模式,让作者可以在网站的实际设计中编辑,而不是在灰色的文本区域中编辑。
  • 一个像文件管理器一样工作的媒体工作空间它支持文件夹和智能文件夹、批量操作、使用情况跟踪(让您了解文件的实际使用位置)、替换工作流程,以及在本地磁盘容量不足时可使用的可插拔存储适配器。
  • 真正有效的访问控制,而非华而不实的装饰角色由 38 种权限构成,采用基于令牌的会话、TOTP 双因素认证(密钥静态加密)、账户锁定(多次失败后自动回退)、以及在执行诸如删除用户或注销所有设备等危险操作前发出安全提示。
  • K 键包罗万象管理后台上方覆盖着模糊的命令面板。无需触碰鼠标,即可跳转到任何位置,执行任何操作。
  • 草稿永远只是草稿未发布的修改内容永远不会泄露给访客。你没发布的内容,他们就看不到。

Github 地址:https://github.com/CoreBunch/Instatic

© 版权声明
THE END
喜欢就支持一下吧
点赞15 分享