将纯文本或 Markdown 自动转换为精美排版的 HTML,直接复制粘贴到公众号编辑器即可发布。
- 多模板支持 — 内置两套视觉风格,覆盖不同类型文章
- 自动选模板 — 根据文章内容智能匹配最合适的模板
- 全内联样式 — 生成的 HTML 完全兼容微信公众号编辑器
- 浏览器预览 — 自动打开浏览器预览排版效果,所见即所得
- 排版检查 — 对已有 HTML 进行规范性检查并给出改进建议
| 模板 | 视觉风格 | 适合内容 |
|---|---|---|
blue-minimal |
白底蓝色,衬线字体,杂志感 | 深度分析、思考、随笔、观点文 |
dark-tech |
黑底橙红,无衬线,卡片化 | 产品介绍、科技报道、数据驱动 |
# 方式一:通过 claude skill 命令安装
claude skill add --url https://github.com/CY-CHENYUE/wechat-typesetting-cy
# 方式二:手动添加
# 将本仓库克隆到本地,在 Claude Code 的 settings.json 中添加技能路径在 Claude Code 对话中使用以下关键词即可触发:
- "帮我排版"、"公众号排版"、"排版成微信格式"
- "蓝色模板"、"暗黑模板"、"科技风排版"
- "微信文章"、"公众号文章"、"发公众号"
- 给 Claude 你的文章内容(纯文本或 Markdown)
- 技能自动选择合适模板(也可手动指定)
- 生成排版后的 HTML 文件,保存到
output/目录 - 自动在浏览器中打开预览
- 选中内容 → 复制 → 粘贴到公众号编辑器
wechat-typesetting-cy/
├── SKILL.md # Claude Code 技能定义
├── README.md
├── assets/
│ ├── wechat-qr.jpg # 联系二维码
│ └── templates/ # HTML 模板文件
│ ├── blue-minimal.html # 蓝色极简模板
│ └── dark-tech.html # 暗黑科技模板
├── references/ # 样式规范文档
│ ├── guidelines.md # 通用排版规范
│ ├── blue-minimal.md # 蓝色极简样式规范
│ └── dark-tech.md # 暗黑科技样式规范
└── output/ # 排版输出目录(不纳入版本控制)
添加新模板只需 3 步:
- 添加
assets/templates/{模板名}.html— HTML 模板文件 - 添加
references/{模板名}.md— 样式规范文档 - 在
SKILL.md的"可用模板"表格和"组件映射"部分添加对应内容
MIT License
