# md2wechat > Convert Markdown articles to WeChat Official Account formatted HTML with beautiful themed layouts. Use when user wants to convert markdown to WeChat article, publish to WeChat, or format articles for WeChat Official Account. - Author: onika - Repository: VO-VOO/md2wechat-slim - Version: 20260124162047 - Stars: 0 - Forks: 0 - Last Updated: 2026-02-06 - Source: https://github.com/VO-VOO/md2wechat-slim - Web: https://mule.run/skillshub/@@VO-VOO/md2wechat-slim~md2wechat:20260124162047 --- --- name: md2wechat description: Convert Markdown articles to WeChat Official Account formatted HTML with beautiful themed layouts. Use when user wants to convert markdown to WeChat article, publish to WeChat, or format articles for WeChat Official Account. --- # MD to WeChat 将 Markdown 文章转换为微信公众号格式的精美 HTML。 > **重要**:你(AI)负责生成 HTML,不要调用 CLI 的 convert 命令。CLI 只用于上传图片和草稿。 **默认输出目录**:读取文章后,默认在桌面创建一个与文章同名的文件夹,并在该目录生成中间与最终文件(HTML/JSON)。只有当用户明确表示“可以放在当前目录”,才使用当前目录。 --- ## 工作流程 ``` [ ] Step 1: 分析 Markdown 结构和图片 [ ] Step 2: 确认主题选择 [ ] Step 3: 你自己生成 HTML(读取主题 prompt) [ ] Step 4: 上传图片并替换占位符(调用 CLI) [ ] Step 5: 上传草稿到微信(调用 CLI) ``` --- ## Step 1: 分析 Markdown 读取用户提供的 Markdown 文件,提取以下信息: **长度判断与分段**:如果正文超过约 3000 字,必须按约 3000 字分段处理,但始终生成**单个 HTML 文件**。做法:分段生成 HTML 片段,最后合并为一个完整 HTML。 | 元素 | 提取方式 | | :----------------- | :---------------------------------------- | | **标题** | 文章文件名(优先作为标题) | | **作者** | frontmatter 中的 `Author:` 或 `作者:` | | **摘要** | 首段内容(最多 120 字符) | | **图片列表** | 收集所有 `![alt](src)` 引用,记录顺序 | | **结构** | 标题层级、列表、代码块、引用、表格 | **图片类型**: | 类型 | 语法示例 | | :------- | :-------------------------------------- | | 本地图片 | `![alt](./path/image.png)` | | 在线图片 | `![alt](https://example.com/img.png)` | --- ## Step 2: 确认主题 询问用户选择主题:「你想使用哪个主题样式?」 **可用主题**: | 主题 | 风格 | 适用场景 | | :---------------- | :--------------------------- | :----------------- | | `latte` | Catppuccin Latte,柔和亮色调 | 日常随笔、知识分享 | | `autumn-warm` | 秋日暖光,温暖橙色调 | 情感故事、生活随笔 | | `spring-fresh` | 春日清新,自然绿色调 | 旅行日记、自然主题 | | `violet` | 鸢尾花优雅,理性紫色调 | 技术文章、商业分析 | | `apple-minimal` | Apple 极简,黑白灰调 | 产品介绍、技术文档 | **默认**:用户未指定时使用 `latte`。 theme 的使用方法在 [references/themes.md](references/themes.md) 中查看 --- ## Step 3: 你自己生成 HTML > **重要**:这一步由你(AI)直接完成,不调用任何 CLI 命令。 ### 3.1 读取主题文件 根据用户选择的主题,读取对应的 YAML 文件: ``` themes/latte.yaml themes/autumn-warm.yaml themes/spring-fresh.yaml themes/violet.yaml themes/apple-minimal.yaml ``` 主题文件位于本 skill 的 `themes/` 目录。 ### 3.2 提取 prompt 从 YAML 文件中提取 `prompt` 字段,这是完整的样式指令。 ### 3.3 拼接内容 将用户的 Markdown 内容追加到 prompt 末尾。 ### 3.4 生成 HTML 根据 prompt 指令生成微信兼容的 HTML,必须遵守以下规则: **长度控制**:若正文超过 3000 字,按约 3000 字分段生成 HTML 片段,最终合并为**一个完整 HTML**,用于后续 JSON 生成。 **必须遵守**: 1. **所有 CSS 必须内联**(使用 `style` 属性,不能用 `