AI 排版的区块内容系统

客户只管内容,排版交给程序。

粘贴文字、上传照片,AI 生成语义区块,代码校验,站点渲染。本站本身就是用它写的。

工作原理

文档 →
  1. 粘贴

    编辑选一个页面系列,粘贴纯文字,上传照片。界面上没有区块类型、栏或字体可选。

  2. 生成

    AI 排版助手按该系列的编辑规范提出整页的语义区块;代码校验每个字段、每个区块、每张照片引用,越界的一律拒绝。

  3. 渲染

    渲染器只输出结构和类名钩子,主题是一份普通的 CSS。右上角的主题菜单换的是样式,不是内容。

  4. 编辑

    已发布的页面可以在原位改措辞和照片,一键保存并发布。每次保存都是一个版本,随时可恢复。

本站既是演示,也是说明书:每一页都由排版助手从纯文字生成。从文档开始,或看本站自己的案例。

  1. 2026年9月10日 · 设计笔记

    内容编排流程中的提示注入

    Prompt injection in an authoring pipeline

    在内容编排流程里,粘贴素材的人正是被攻击的人。哪些风险由类型化输出和确定性校验消除,哪些由提示词处理,哪些只能靠人工复核发现。

  2. 2026年9月10日 · 构建日志

    两天,按顺序

    Two days, in order

    AIBlog 用两个工作日,从一个空文件夹变成了已部署的站点。这里记录每一步发生的时间——因为顺序比速度更重要。

  3. 2026年9月10日 · 发布

    为唯一的公开模型调用设栏

    Fencing the one public model call

    搜索页上的提问框,是访客唯一能触发的模型调用。本次发布把它当作成本面来对待:先走便宜的关卡,没有相关摘录就不作答,并对每日调用次数与金额设置全站上限。

  1. 安装

    快速开始

    Getting started

    把一个新的 Next.js 站点从零带到可撰稿状态:环境要求、安装、配置文件、需要挂载的三条路由、主题,以及本地运行。

  2. 概念

    页面家族与内容类型

    Page families and content types

    内容类型是一份结构契约,只在代码中定义一次;页面家族则是站点中一种反复出现的编辑用途,它复用某个内容类型,并补上路由、各语言标签与编辑策略。二者共同划定了 AIBlog 所管理的范围。

  3. 主题化

    DOM 契约与主题化

    The DOM contract and theming

    渲染器只输出结构、class 钩子和 data 属性,别无其他。本页说明两类属性的分工、文档外壳的结构、主题应优先使用 token 的写法,以及用于保证样式与内容分离的主题切换测试。

  1. 2026.07 – 2026.09 · APYouth

    美国亚太青少年成长中心

    Asia-Pacific Youth Growth Center USA

    为一家青少年教育非营利机构建设的双语机构网站:项目页、申请系统、证书验证,以及三个常规撰稿页面家族。

  2. 2026.09 · Cyphia Solutions

    AIBlog 演示站点

    AIBlog demo site

    您正在阅读的这个站点:AIBlog 软件包的第一个使用者,同时也是它自己的文档,为 Cyphia Solutions 建设。

  3. 2026.09 · AIBlog

    每一种区块,各出现一次

    Every block, once

    为 AIBlog 制作的示例页面:渲染器支持的每一种区块各出现一次,让设计师在同一页中看到完整的区块词汇表。