10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
关于我 留言板 小程序 标签云

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
    • AI提示词
    • AI开源项目
    • AI智能体
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
当前位置: 首页 » AI开源项目

xiaohu-wechat-format:一句话搞定公众号排版、封面生成、发布的Skills

2小时前 AI开源项目 15 0

作为一名深度使用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来改造自己的日常工作流。

开源地址:https://github.com/xiaohuailabs/xiaohu-wechat-format

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
未经允许不得转载:xiaohu-wechat-format:一句话搞定公众号排版、封面生成、发布的Skills
#Skills #公众号排版 
收藏 1
实测国内首个中文 OpenClaw:Molili,上手顺畅,安全策略与可视化都很能打
Superpowers:用系统化流程让 AI 编码代理更懂你的需求,这套 Superpowers 值得装
推荐阅读
  • Kode:命令行里的多模型 AI 助手(使用体验与亮点解析)
  • Wan2.2-Animate:一键生成角色动画与视频替换的开源神器
  • Claude-Cowork:开源如何打破官方生态的围墙,桌面 AI 助手的平民化方案
  • CloudBase AI CLI:又一款命令行开发工具来了,这次有点不一样(附安装教程)
  • n-skills:为中小团队量身定做的AI技能模块化框架,一个真正可用的开源技能集
评论 (0)
请登录后发表评论
分类精选
OpenSpec:比 Cursor Plan 更聪明?试试这款让 AI 编码更靠谱的规范驱动工具
8487 5月前
WeKnora:终于等到了腾讯ima的开源知识库框架,用 API 轻松打造本地智能文档检索
7251 6月前
Antigravity-Manager:这个开源神器让你白嫖ClaudeOpus 4.5,Gemini 3!还能接Claude Code等任意平台
5475 2月前
awesome-openclaw-skills:700+ Skills 一条命令装配完成,如何让本地 AI Agent 真正落地可用
5057 1月前
iFlow CLI:让命令行终端不止于编程的AI效率开源神器
5056 7月前
Composio:让AI Agent自动完成工作任务,能让AI一键操控你的所有软件
5016 5月前
AIRI:你的开源AI女友,让你随时拥有属于自己的 AI VTuber
4849 6月前
SpecKit:从想法到代码只需5步?这个开源框架把规范驱动开发变成了现实
4763 5月前
CompressO:开源免费的视频压缩神器,让你的硬盘瞬间轻松 10 倍
4581 6月前
Fogsight (雾象):一句话自动生成任何科普动画
4136 5月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 Superpowers:用系统化流程让 AI 编码代理更懂你的需求,这套 Superpowers 值得装
2 xiaohu-wechat-format:一句话搞定公众号排版、封面生成、发布的Skills
3 AionUi:20多个AI命令行编程工具的统一图形界面,19.2K Star的开源替代方案
4 Page Agent:阿里开源,一行代码注入,用自然语言操控Web应用的纯前端GUI Agent
5 KittenTTS:25MB轻量级开源TTS模型,CPU即可运行的离线语音合成方案
6 MiniMax 开源 Skills 项目:MiniMax-AI 团队把压箱底的开发技能包都拿出来了,为 AI 编程助手配置结构化工作流
7 五个开源项目:用来搞自动化,从AI Agent到效率工具的完整生态
8 EdgeClaw:断网也能跑的小龙虾,OpenClaw 的安全增强版
9 Fun-CineForge:阿里开源的端到端电影配音系统,解决口型同步与多角色音色转换
10 Deep Agents:LangChain 官方的开源 Agent 框架,用三层压缩机制解决长任务 Token 爆炸问题
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
微信文章助手 程序库 免费影视APP 免费字体下载 Axure RP 10 免费Axure模板 Axure元件库下载 申请友联