wechat-typesetting-cylisted

# 微信公众号排版 多模板排版系统，根据文章内容自动选择最合适的视觉风格。 ## 模板选择 ### 可用模板 | 模板 | 视觉风格 | 适合内容 | 关键词 | |------|----------|----------|--------| | `blue-minimal` | 白底蓝色，衬线字体，杂志感 | 深度分析、思考、随笔、观点文 | 论述、故事、分析、思考 | | `dark-tech` | 黑底橙红，无衬线，卡片化 | 产品介绍、科技报道、数据驱动 | 产品、数据、时间线、竞品 | ### 自动选择逻辑 按以下优先级判断，第一条匹配即选定： 1. **用户指定** → 使用用户指定的模板 2. **有数据、时间线、产品特性、竞品分析、排名** → `dark-tech` 3. **论述、观点、分析、故事、随笔、思考** → `blue-minimal` 4. **不确定** → 问用户："这篇文章更偏向深度分析/思考（蓝色杂志风），还是产品/科技/数据报道（暗黑科技风）？" ## 工作流程 **判断任务类型：** 1. **生成HTML** → 用户给原文，需要输出排版后的HTML代码 2. **检查排版** → 用户给已有HTML，需要检查并给出改进建议 ## 生成HTML流程 ### Step 1: 选模板 根据"自动选择逻辑"确定使用哪个模板。告知用户选择结果。 ### Step 2: 读取模板资源 根据选定模板，读取对应文件： - 样式规范：`references/{模板名}.md` — 获取配色、字体层级、组件列表 - HTML模板：`assets/templates/{模板名}.html` — 获取 HTML 标记模式和内联样式 - 通用规范：`references/guidelines.md` — 通用排版原则 ### Step 3: 分析文章结构 识别以下元素： - 文章标题、副标题 - 章节划分 - 金句/核心观点 - 数据点/关键数字 - 列表/要点 - 引用/来源 - 时间线事件（如有） - 结论/行动号召 ### Step 4: 将内容映射到模板组件 #### blue-minimal 组件映射 | 文章元素 | 模板组件 | 说明 | |----------|----------|------| | 文章标题 | 标签 + 大标题 + 副标题 | 提取关键词做标签，标题可换行 | | 章节开始 | 蓝色分割线 + 水印章节标题 | 水印编号 01/02/03 | | 核心金句 | 蓝色金句区块 | 蓝底白字，主句+副句 | | 关键数据/概念 | 三栏信息卡片 | 3个关键词+说明 | | 目录/要点列表 | 目录卡片 | 灰底两列编号列表 | | 正文段落 | 正文段落区块 | 15px，#1A1A1A，衬线字体 | | 二级要点 | 二级标题 | 16px 蓝色加粗 | | 文章结尾 | END标记 | 居中灰色 | #### dark-tech 组件映射 | 文章元素 | 模板组件 | 说明 | |----------|----------|------| | 文章标题 | 封面Banner | 标签行 + 大字标题 + 副标题 | | 关键数据 | 三列数据栏 | 嵌套table，橙红大数字 | | 章节开始 | 章节头（双色标题） | 空格分隔标签 + 白色/橙红双色标题 | | 功能/能力列表 | 能力卡片 | 绿色左边框，CAPABILITY标签 |