作为一名深度使用Skills工作流的开发者,我在研究Claude Code自动化能力的过程中发现了一个有趣的现象:最耗时的工作往往不是创意和写作,而是重复性的机械劳动。
以公众号内容发布为例,大多数运营者面临同样的困境——写好文章只是开始,随后的排版、配图、格式调整才是真正的时间黑洞。
我通过Claude Code工作流开发的公众号排版技能,将这个过程从"数十分钟的手工调整"压缩到"2-3分钟的自动化流程"。
今天我想分享这个实践成果,并深入剖析它如何解决微信公众号编辑的核心痛点。
微信公众号编辑的三大技术限制
要理解为什么公众号排版这么复杂,先得了解微信编辑器的三个设计约束:
- 不支持CSS类名 — 你在HTML里写
,微信后台会直接删除class属性,导致样式失效 - 所有样式必须内联化 — 每个标签都要独立写上
style="...",这意味着一个简单的标题样式需要在每个
标签上重复写多遍 - 外链和图片受限 — 外部链接会被吃掉变成纯文本,本地或CDN图片必须先上传到微信服务器(mmbiz.qpic.cn),才能正常显示
这三个约束叠加在一起,意味着你无法直接将Markdown或标准HTML粘贴进去,中间必须经过一个专门处理微信兼容性的转换层。
这正是市面上各种"公众号排版工具"存在的原因。
传统工具 vs AI增强排版的差异
市面上的排版工具(mdnice、135编辑器、墨滴等)解决了基础的Markdown转HTML问题,但它们的核心逻辑是机械式的一对一语法转换。这带来两个问题:
问题1:依赖源文档质量
如果你的Markdown格式本身就不规范(层级混乱、结构不清晰),转换出来的排版效果也会很尴尬,需要手动调整。
问题2:无法理解内容语义
传统工具看不懂你在写什么,它只会机械地把第一级标题变大、第二级标题变小。对话体、金句、图片序列这些需要语义理解的排版增强就完全做不了。
我在Claude Code中集成的AI排版方案则不同。它的工作流是:
1. 内容分析 —— AI读懂文章结构
- 自动判断文章类型(访谈?教程?深度分析?观点文?)
- 检测对话体 → 自动套上聊天气泡容器
- 识别金句或核心观点 → 自动加高亮框
- 发现连续多张图片 → 自动转成横向滚动画廊
- 根据内容特征推荐最匹配的排版主题
这一步是AI排版相比传统工具的核心差异点。你不再需要手动调整每个细节,AI已经替你理解了内容想要表达的方式。
2. 主题预览 —— 用真实内容选择样式
点击"排版这篇文章"后,浏览器会打开一个主题画廊,包含30个预设主题,分为五大类:
- 深度长文类(报纸、杂志、墨韵、咖啡)— 严肃感、留白多,适合万字深度文
- 科技产品类(字节蓝、GitHub、少数派、暗夜)— 现代感、代码友好
- 文艺随笔类(赤陶、薄荷、日落、薰衣草)— 温度感强、情绪化
- 活力动态类(运动、包豪斯、中国风、微信原生)— 视觉醒目、节奏快
- 模板系列 — 同一布局多种配色组合
核心特点是:预览用的是你自己的文章、你自己的段落、你自己的标题,不是那种用Lorem ipsum假文字的效果图。
点击主题时,预览区立刻切换,无需等待渲染。系统会用橙色标签标注AI推荐的主题,但最终选择权完全在你手里。
3. 微信兼容HTML生成
选定主题后,系统自动处理三个兼容性问题:
- 所有样式转为内联化(每个标签内写style)
- 外链自动转换成脚注形式
- 图片路径自动处理(如果有本地图片)
输出的HTML文件打开就是手机上的最终效果。
4. 可选的一键推送
如果你配置了微信公众号的AppID和AppSecret,可以直接推送到草稿箱:
- 文章自动推送
- 图片自动上传到微信CDN(不用手动上传)
- 所有格式兼容性问题自动处理
- 推送完成后,你登录公众号后台就能看到,点发布即可
快速上手:三种安装方式
方式1:最懒的方式 — 让AI帮你安装(推荐)
如果你已经在用Claude Code,直接在对话框里说:
帮我安装这个公众号排版技能
https://github.com/xiaohuailabs/xiaohu-wechat-format
Claude会自动clone仓库、装依赖、创建配置文件,你什么都不用管。这招在Cursor、Windsurf等AI编辑器里也能用。
方式2:一条命令安装(小白版)
打开终端,粘贴这整条命令(Mac系统演示):
mkdir -p ~/.claude/skills && git clone https://github.com/xiaohuailabs/xiaohu-wechat-format.git ~/.claude/skills/xiaohu-wechat-format && cd ~/.claude/skills/xiaohu-wechat-format && pip3 install markdown requests && cp config.example.json config.json
命令会自动:
- 创建目录结构
- 下载代码
- 装所有依赖
- 创建配置文件
全部一步到位。如果你只想排版复制粘贴,到这步就够了,不需要改配置文件。
验证安装 — 找一篇Markdown文件试试:
python3 scripts/format.py --input /path/to/article.md --gallery
浏览器弹出画廊页面就说明装好了。
方式3:不用Claude Code,直接命令行
这个工具的核心是两个Python脚本,完全独立,不依赖任何AI框架。

可以在Codex、Gemini CLI、OpenClaw或纯命令行使用:
# 打开主题画廊
python3 scripts/format.py --input article.md --gallery
# 指定主题直接排版
python3 scripts/format.py --input article.md --theme newspaper
# 推送到公众号草稿箱
python3 scripts/publish.py --dir /tmp/wechat-format/output/ --cover cover.jpg

配置公众号自动推送
只是排版复制粘贴不需要任何配置。
要用自动推送,编辑 config.json:
{
"wechat": {
"app_id": "你的AppID",
"app_secret": "你的AppSecret"
}
}
去微信公众号后台 → 设置与开发 → 开发者后台基本配置,拿到AppID和AppSecret。也可以直接告诉Claude Code这两个值,让它自动配置。
⚠️ 重要:IP白名单
必须把你的公网IP加到公众号后台的IP白名单里,否则推送会报40164错误。每次换网络(换WiFi、用热点)IP都会变,需要重新添加。
查看你的公网IP:
curl ifconfig.me
进阶:自定义主题和生成封面
DIY主题
所有主题都是JSON文件放在 themes/ 目录。你可以基于现有主题改颜色、字号、间距,存个新JSON文件就是一套新主题:
{
"name": "我的主题",
"colors": {
"accent": "#FF6B35",
"bg": "#FFFAF5",
"text": "#2D2D2D"
},
"heading": {
"h2": {
"font-size": "22px",
"font-weight": "bold",
"color": "#FF6B35"
}
}
}
自动生成封面图
公众号发文必须有封面。如果没有现成的,可以直接说:
给这篇文章生成封面图
系统会调用Gemini的图片生成API。需要在config.json配置:
{
"gemini_api_key": "你的Gemini API Key"
}
去 aistudio.google.com 免费申请,有免费额度够用。
没有Gemini Key也不影响排版功能,两个功能是独立的。
常见问题速查
| 问题 | 解决方案 |
|---|---|
| 粘贴到公众号后样式丢了 | 检查是否用了"粘贴为纯文本"(Cmd+Shift+V)。要用普通粘贴(Cmd+V),且要在"正文编辑区"粘贴,不是标题栏 |
| 图片不显示 | 本地图片粘贴后不会自动上传。用推送功能会自动上传到微信CDN,或手动在公众号后台上传 |
| 报错 No module named 'markdown' | 依赖没装。跑 pip3 install markdown requests |
| 打开画廊是空白页 | 文件路径可能有中文或空格。复制到纯英文路径试试(如 /tmp/test.md) |
| 推送报40164错误 | IP白名单问题。去公众号后台添加你当前的公网IP |
| Windows能用吗 | 可以。Python脚本跨平台,Claude Code已支持Windows |
| 能配合Obsidian用吗 | 最佳搭配。在Obsidian里写Markdown,用 [图片: image.jpg] 引用,脚本会自动搜索并处理。config.json里配 vault_root |
个人总结
这个项目反映了我对Skills工作流的核心理解:真正有价值的自动化,不是简单地把重复操作变快,而是用AI的语义理解能力,把机械劳动转化为智能决策。
以公众号排版为例,传统工具优化的是"怎么更快地转换格式",而这个方案优化的是"怎么让排版决策更聪明"。AI先帮你理解文章在讲什么、想传达什么情绪,然后才是排版。这个顺序反过来了。
另一个启发是专用化 vs 通用化的权衡。这个工具就是为微信公众号的三个特殊约束设计的,不是通用的Markdown编辑器。正因为约束明确,所以优化空间更大。在Skills生态里,这种"小而专"的工具其实比大而全的框架更有实用价值。
装上试试,如果有问题可以留言或在开源仓库提Issue。希望这个实践能给你一些启发,关于如何用Claude Code和Skills来改造自己的日常工作流。