每次发公众号文章,最烦的不是写,是排版。
写一篇 2000 字的文章本身可能 1 小时,但调字号、调间距、加分割线、改颜色——这套弄完 20 分钟起步。更难受的是,弄完之后看起来还是不太对,但又说不清哪里不对。
其实我也早就用上 AI 技能做公众号排版了,只不过样式有限,加上我自己审美一般,做不出好看的排版。
直到前几天,看到一篇推荐 gzh-design skill 的文章。他把这事做成了 skill 开源了出来——内置 6 套主题模板,也支持自己设计主题。试用了一下,发现样式确实不错,可以试试。
这个 skill 是干嘛的
一句话:把一篇 Markdown 文章转成可以直接粘贴进公众号编辑器的 HTML,样式不会丢。
它内置了 6 套主题风格(后续会更新),分别对应不同题材:
- 摸鱼绿:教程、测评、清单、工具盘点
- 红白色系:观点、深度分析、力量感话题
- 石墨极简:设计、科技评论、专业观点
- 留白禅意:禅意生活、深度随笔
- 摸鱼票据:测评、工具对比、创意评测
- 橄榄手记:内刊手记、深度评测、案例复盘
你只需要告诉它文章类型和主题倾向,它自动选主题、选组件、生成 HTML。
适配 WorkBuddy / Claude Code / Codex 这些 Agent 工具,你直接用自然语言说"帮我把这篇排成橄榄手记风"就行。
我是如何用起来的
最简单的方式——直接让 Agent 装。
复制 README 里的安装 prompt,丢给 Claude Code 或 WorkBuddy,它会自己拉取仓库、装好配置、告诉你"装好了,可以用了"。
之后你扔给它一个 .md 文件,说"帮我排版",它会问你要主题、要不要自定义细节;你说"自动"它就自己选。
整个过程,我不需要懂任何代码或 HTML。
第一次用的效果
我先拿了一篇"AI 对话同步到知识库"v2 复盘文章试水。
按 skill 默认推荐选了橄榄手记主题——这篇是案例复盘,橄榄手记的"内刊编辑部"气质正好契合。
排完点开预览:
- 头图卡有内刊标签条(日期+标签)
- 章节用大号编号 + 副标题
- 重点段落用橙色下划线标记
- 关键引用有深色底卡
- 结尾有签名 + 三连互动区
视觉效果明显比我之前自己调的版本整齐一档。
遇到的第一个问题:颜色有点浅
但用了两篇文章后,我发现一个问题——
橄榄手记默认的米白底 `#fdfdf8` 太浅了。 在手机端看,几乎和公众号编辑器自己的白底融在一起,视觉上整个页面"飘"着,没有压住。
另一个问题更实际:全局容器用了米白底,相当于把整篇文章包在一个色块里。 我想在结尾加个"相关文章"链接卡,根本塞不进去——超出容器的部分会被编辑器吃掉。
我去看了 skill 的源码,主题变量都在 references/theme-olive-journal.md 里。但我不想改 skill 本身,毕竟这套东西还要给其他人用。
我的方案是:不改 skill,在自己的产物上做"局部加深"。
具体做法:
- 全局容器的 background:#fdfdf8 去掉,让编辑器白底透出来
- 子组件的米白底 #fdfdf8 → 暖灰 #f7f5f2
- 浅橄榄灰 #eeefe9 → 深一阶 #e8e6df
- 边框 #bfc1b7 → #b8b5ad(深一档)
改完一对比——立刻看着"扎实"了,子组件层次分明,全文有"压住"的感觉。
同时,全局去背景之后,结尾想加任何自定义内容(比如引导关注的卡片、相关文章链接),都能直接接在 <section> 外,正常显示。
效果对比:
- 改之前:页面"飘",结尾加东西塞不进去
- 改之后:层次清楚,结尾能继续扩展
遇到的第二个问题:审美因人而异
我还试着把另一篇文章改成"石墨极简"风——白底 + 1px 细线 + 超大水印编号。
技术上没问题,转换出来的 HTML 也是合规的。但我看了两遍,感觉跟我这篇文章的气质不太搭。
石墨极简适合"克制、理性、专业观点"的文章;我这篇是讲个人工作流记录、有生活感、内容里带截图——橄榄手记的"内刊"调性反而更贴。
审美这事没有标准答案。 同一个 skill、同一篇文章、不同的主题选择,排出来的视觉差别可以很大。
所以我的建议是:
- 不要无脑选默认主题
- 先读文章想清楚"这篇的气质是什么"——克制?内刊?活泼?观点?
- 再去主题库(theme-index.md)对照"适用场景"列
- 拿不准就先让 skill 排两版对比
效果如何:内容决定下限,排版决定上限
新排版的效果确实提升了审美。 专业的人做出来的组件库,跟自己拼凑的就是不一样——细节上能省很多事。
但排版只是加成,不是核心。
我见过太多文章,HTML 样式花里胡哨,配图精心设计,但内容空泛——读者翻两下就走了。
也见过内容很扎实的文章,样式朴素,标题字号也不讲究,但读者读完会主动收藏、转发。
排版能做的是:让好内容的传播效率更高。 它降低读者的视觉疲劳、让重点更突出、让情绪更顺畅。但它不能把空的内容变充实。
这跟做网站一样——好看有很大用处,能让用户停留更久、信任度更高;但如果产品本身没价值,再好看也只是表面功夫。
所以排版值得花时间优化,但不能本末倒置。