---
name: wechat-typesetting-cy
description: 微信公众号文章多模板排版技能。将纯文本或Markdown转换为精美排版的HTML代码，支持多种视觉风格模板。当用户提到"微信文章"、"公众号文章"、"发公众号"、"帮我排版"、"公众号排版"、"排版成微信格式"、"蓝色模板"、"暗黑模板"、"科技风排版"时触发。
---
# 微信公众号排版
多模板排版系统，根据文章内容自动选择最合适的视觉风格。
## 模板选择
### 可用模板
| 模板 | 视觉风格 | 适合内容 | 关键词 |
|------|----------|----------|--------|
| `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标签 |
| 时间线事件 | 时间线节点 | 绿色=正面，红色=危机 |
| 引用/观点 | 引用卡片 | 橙红左边框 + 来源标注 |
| 类比/解释 | FEELS LIKE类比卡 | 琥珀标签头 + "所以呢?"框 |
| 排名/竞品 | 排名列表 | 大号彩色数字 + 描述 |
| 事件/案例 | 事件卡片 | 彩色左边框 |
| 结论 | 结尾递进区 | 文字透明度渐增，末句强调色 |
### Step 5: 生成HTML
严格按照模板HTML中的内联样式生成。关键规则：
**通用规则：**
- 所有样式必须内联（不用 `
选中下方内容 → 复制 → 粘贴到公众号编辑器