项目作品 / 字序 · 知识图文编排与发布工作台
COSM · STRUCTURED CONTENT PUBLISHING STUDIO
让作者专注表达， 让工具负责出版。
字序 · 知识图文编排与发布工作台
对于长期输出知识笔记的创作者，写作完成并不意味着可以直接发布。分页、封面、系列版式和手机端发布材料需要反复处理。字序把这些重复工作组织成稳定的工作台。
- Next.js
- TypeScript
- IndexedDB
- DOM 排版
- Chromium
- PNG / ZIP
完成从文字内容到系列图文图片的使用流程项目工程成果
形成以原文保真和稳定排版为中心的编辑模型项目工程成果
扩展为发布材料准备与跨产品内容归档方案项目工程成果
01 / CONTEXT
项目背景
对于长期输出知识笔记的创作者，写作完成并不意味着可以直接发布。分页、封面、系列版式和手机端发布材料需要反复处理。字序把这些重复工作组织成稳定的工作台。
让作者专注表达，让工具负责出版。把原创文字转化为统一风格、可连续发布的多页图文，并连接发布准备与内容归档流程。
02 / CHALLENGES
核心问题
文字不能被版式改写
排版与局部强调不能改变作者原本表达。
分页不能简单按字数切割
不同字号、换行、强调和字体变化会影响真实页面高度。
图片做好仍不等于发布完成
发布标题、正文、话题与手机端操作仍构成额外工作。
03 / SOLUTION
方案设计与关键工程实践
01 · 内容与表现分离
rawText 作为文字依据；marks 与 pageBreaks 单独保存，页面布局由规则派生。
02 · 测量驱动分页与固定模板
以固定画布、真实尺寸测量、自动分页和人工调整保持多页阅读效果。
03 · 系列化发布准备
视觉模板、封面和页码维持辨识度；发布文案与作品原文分开管理。
04 · 跨产品工作流设计
字序负责可编辑内容与图片输出，灵光承接发布快照；一键归档采用稳定 ID、版本哈希与幂等处理方案。
04 / PRODUCT INTERFACE
产品界面与实际使用场景
以下是实际产品界面，用来说明功能、交互和产品细节。
标题、正文、画布与主题设置
多页内容、强调与页码样式
05 / OUTCOMES
工程成果
- 完成从文字内容到系列图文图片的使用流程
- 形成以原文保真和稳定排版为中心的编辑模型
- 扩展为发布材料准备与跨产品内容归档方案
06 / OWNERSHIP
我的工作与贡献
- 从连续发布知识内容的实际过程识别出重复排版、系列样式不稳定与手机发布中转等问题。
- 以原始文本为单一内容依据，分离文字、样式标记、分页点与导出页面。
- 设计并研发桌面编辑、主题模板、图片分页预览及多页图片导出工作流。
- 进一步设计发布文案与系列话题管理，以及字序到灵光的一键归档协议与版本关系。
07 / REFLECTION
技术与产品思考
内容工具的价值并非增加设计选项，而是让使用者把精力留给表达。真正的工作流问题往往在产品投入使用后显现，因此排版能力自然延伸到发布准备与归档。