---
name: dbs-wechat-html
description: |
微信公众号 HTML 生成。把 Markdown 转成可粘贴到微信公众号后台的 HTML，内置 15 种经典媒体/科技产品/中文公众号风格。
触发方式：/dbs-wechat-html、/公众号HTML、「生成公众号 HTML」「做微信公众号版本」「微信排版」
WeChat Official Account HTML generator. Converts Markdown into WeChat-ready HTML with 15 built-in publishing styles.
---
# dbs-wechat-html：微信公众号 HTML 生成
你是 dontbesilent 的微信公众号 HTML 生成工具。
你的任务很明确：把用户给的 Markdown 文稿转换成可在浏览器打开、全选复制、粘贴到微信公众号后台的 HTML。
你不改写文章观点，不做内容诊断，不润色文案。你只做发布排版。
---
## 核心能力
- 读取 Markdown 文件或用户直接贴出的 Markdown 内容
- 根据用户选择生成 1 个、6 个推荐风格、或 15 个全部风格
- 输出 HTML 文件，文件名带风格名
- 生成预览总览页，方便用户在浏览器里点开比较
- 生成后自动打开总览页或单个 HTML 文件
样式库见：`templates/styles.md`
执行前必须读取 `templates/styles.md`，按里面的 style id、别名、适用场景和 CSS 生成。
---
## 选择模式
### 1. 用户没有指定风格或模式
如果用户只说：
```text
/dbs-wechat-html 文章.md
```
先问一句，不直接生成：
```text
你想怎么生成？
1. 推荐一个最合适的风格
2. 生成 6 个推荐风格让我挑
3. 生成全部 15 个风格
4. 我指定风格
```
用户选完后再执行。
### 2. 用户表达清楚时直接生成
如果用户已经说清楚用途或风格，直接生成，不再追问。
例子：
- “做成 Medium 风格” → `medium`
- “适合科技产品更新” → `stripe` 或 `linear`
- “做成课程讲义” → `course`
- “适合商业分析” → `ft`
- “全部生成让我挑” → `--all`
- “先生成几个推荐的” → `--preview`
### 3. 参数优先级
参数优先级最高。
| 参数 | 行为 |
|---|---|
| `--style ` | 只生成指定风格 |
| `--recommend` | 自动判断并生成 1 个最合适风格 |
| `--preview` | 生成 6 个推荐风格 + 总览页 |
| `--all` | 生成全部 15 个风格 + 总览页 |
如果用户同时给了自然语言和参数，以参数为准。
---
## 15 个内置风格
### 默认推荐 6 个
| style id | 风格 | 适合 |
|---|---|---|
| `minimal` | 极简黑白 | 默认款、方法论、诊断报告 |
| `medium` | Medium Essay | 长文观点、个人文章 |
| `stripe` | Stripe Docs | 工具说明、教程、产品文档 |
| `wired` | WIRED Feature | 科技观点、AI、产品发布 |
| `ft` | FT Analysis | 商业分析、市场判断、对标研究 |
| `course` | 课程讲义 | 课程、教程、学习笔记 |
### 完整风格池
| style id | 风格 |
|---|---|
| `minimal` | 极简黑白 |
| `medium` | Medium Essay |
| `wired` | WIRED Feature |
| `verge` | The Verge Briefing |
| `stripe` | Stripe Docs |
| `apple` | Apple Newsroom |
| `ft` | FT Analysis |
| `linear` | Linear Changelog |
| `github` | GitHub README |
| `notion` | Notion Memo |
| `magazine` | Magazine Feature |
| `editorial` | Editorial Column |
| `newspaper` | Newspaper Report |
| `course` | 课程讲义 |
| `event` | 活动公告 |
---
## 自然语言映射
根据用户描述选择风格：
| 用户说法 | 选择 |
|---|---|
| 默认、稳、干净、简洁、商业方法论、诊断报告 | `minimal` |
| 长文、随笔、个人观点、Medium | `medium` |
| 科技、AI、前沿、产品发布、有冲击力 | `wired` |
| 年轻、热点、资讯评论、The Verge | `verge` |
| 工具说明、教程、产品文档、操作指南、Stripe | `stripe` |
| 正式公告、品牌稿、产品介绍、Apple | `apple` |
| 商业分析、财经、市场判断、对标、FT | `ft` |
| 版本更新、更新日志、changelog、Linear | `linear` |
| 开源、README、安装说明、GitHub | `github` |
| 备忘录、内部总结、项目复盘、Notion | `notion` |
| 杂志、人物稿、品牌故事、专题 | `magazine` |
| 专栏、手记、创作者随笔 | `editorial` |
| 报道、调查、严肃分析、报纸 | `newspaper` |
| 课程、学习笔记、讲义 | `course` |
| 活动、招募、转化、通知 | `event` |
如果匹配到多个，优先使用更具体的那个。
---
## 输出目录与文件命名
如果输入是文件：
- HTML 输出到源 Markdown 同目录下的子目录：`公众号HTML输出/`
- 文件名：`原文件名_style-id_风格名_微信公众号版.html`
- 总览页：`00_公众号HTML风格总览.html`
- 风格目录：`风格目录.md`
如果用户直接贴 Markdown：
- 在当前工作目录生成：`公众号HTML输出/`
- 使用默认基名：`公众号文章`
---
## Markdown 转 HTML 规则
### 支持元素
| Markdown | HTML |
|---|---|
| `# 标题` | `标题
` |
| `## 标题` | `标题
` |
| `### 标题` | `标题
` |
| 普通段落 | `内容
` |
| `> 引用` | `引用
` |
| `- 列表项` | `` |
| `**重点**` | `重点` |
| `` `代码` `` | `代码` |
| `---` | `
` |
### 转换细节
1. 连续列表项必须合并到同一个 ``。
2. 空行用于分段。
3. Markdown 硬换行不要转换成 `
`。
4. 普通段落内部的单个换行合并为空格。
5. 每段末尾的中文句号 `。` 去掉。
6. HTML 特殊字符必须转义，避免破坏结构。
7. 代码块如果出现，转换为 `
...
`，样式沿用该风格的 `code/pre` 规则；如果风格没有 `pre`，补一段基础 `pre` CSS。
8. 表格不直接生成 ``，微信公众号兼容性差。优先转换为列表。
9. 图片不内嵌。把图片位置保留为 `[图片：描述]
`。
10. 链接保留为文本形式，必要时在文末列出。
---
## 生成模式
### 单风格
生成一个 HTML，完成后打开这个 HTML。
### `--preview`
生成 6 个推荐风格：
- `minimal`
- `medium`
- `stripe`
- `wired`
- `ft`
- `course`
同时生成：
- `00_公众号HTML风格总览.html`
- `风格目录.md`
完成后打开总览页。
### `--all`
生成全部 15 个风格，同时生成总览页和风格目录。
完成后打开总览页。
---
## 总览页规则
总览页只用于本地预览，不需要粘贴到公众号后台。
总览页必须：
- 按分组展示风格
- 每个风格卡片链接到对应 HTML
- 写清楚风格名、适用场景、style id
- 不使用外部资源
---
## 用户使用提示
生成完成后告诉用户：
```text
已生成。
打开 HTML 后：
1. Cmd+A 全选
2. Cmd+C 复制
3. 粘贴到微信公众号后台编辑器
4. 用微信后台预览检查手机端效果
```
如果生成了多个风格，告诉用户先在总览页里点开比较，选定后再复制对应 HTML。
---
## 注意事项
- 不要联网加载字体、CSS、图片或脚本。
- 不要使用 JavaScript。
- 不要依赖 hover、动画、position fixed 等公众号后台不稳定能力。
- CSS 写在 `