前段时间，我像往常那样，写完公众号，打开常用的排版网站进行排版，结果发现，它居然关站了！

虽然这个网站做得很简陋，只支持三种排版样式，但对我这种经常发公众号的人来说，确实能节省不少排版时间。

被逼无奈，我只能自己做了个公众号排版工具，自己动手，丰衣足食。

大部分人应该和我一样，都不知道微信公众号编辑器是支持CSS内联样式的，也就是我们可以通过代码，控制公众号的排版样式，比较流行的秀米、壹伴，都是这样实现的，此外公众号还支持用 SVG 代码做动态图片效果。

但并不是所有CSS样式公众号编辑器都支持，所以，我们先要知道公众号支持什么样的css样式，我让AI 搜索公众号支持的CSS规则，根据这套规则，做出了第一版demo，它只支持固定的5个主题样式，只会把原文多级标题和加粗文字标记成对应的主题色。

但后面，我发现有的公众号的排版样式很好看，特别是摸鱼小李的公众号排版给了我很多启发，我就突发奇想，是不是可以设定好主题规范，让AI自动生成排版，于是就有了第二版。

把文章粘贴过来后，点击生成排版，没几分钟就完事了，AI 还自动标记出了全文重点，这用大模型的术语来说就叫“端到端”——输入文章，直接输出排好版的结果，全程 AI 自己分析。

2.1、风格主题

首先要定好风格主题的样式，我参考了很多好看的公众号排版样式，有极简风、杂志风等等，让AI根据我的要求生成排版的提示词，随后一遍遍调试，有了现在的这些主题。

2.2、段首导航

有的公众号，在顶部放置了文章的段首导航，有仪表盘样式的，有滑动卡片样式的，还有标题卡片样式的，对全文起着总览作用，而且很好看，于是我把这些样式截图发给 AI，让它根据图片反推提示词，就做出了现在的效果。

这里也有一些自己的设计和大家分享下，比如仪表盘主题，右上角会让 AI 自动估算文章的阅读时长，方便读者判断需要花多少时间。右下角有个继续阅读的引导提示，中间模块展示文章的小主题，正中间是AI提炼的文章关键词。对于标题卡片，我在左上角加了文章生成的日期。

2.3、段首胶囊标签

有些文章，特别是技术教程类，常常会看到第一步、第二步、第三步这样的步骤说明。我想到，如果用一个小的胶囊标签把这些步骤高亮标注起来，可以降低读者的认知负载，起到引导的作用，增加文章的可读性。

于是，我加了段首胶囊标签的功能，可以自动提取段落关键词放在段首。

但萝卜白菜各有所爱，我想了想，没有一刀切删掉这个功能，我增加了个开关控制，不再默认开启，像技术类文章，有这种引导还是蛮不错的。

2.4、引导关注卡片

很多时候，我自己看到一篇好文章，看完后就直接关了，不会想着点赞什么的，但有时候看到文末会提醒我三连，我往往会顺手点了，所以我就做了这个引导关注卡片，同时引导文案和样式都可以自定义配置，读者看到这个引导，可能真的会随手点赞、转发、再看，就相当于一个弱提示。

不过目前还有优化的空间，后面需要再改一下。

这个产品花了我两周的时间打磨，也是我自己真实存在的痛点——每次写完公众号都要花很多时间排版。有了AI一键排版之后，写完公众号几分钟就能搞定排版。

好东西需要和人分享，所以搞完后，我第一时间给同样写公众号的朋友试用，他们提了很多优化建议，比如最近新增的历史排版功能——来自一位朋友说，她在第一版 AI 生成的排版之后不满意，又生成了第二版，结果发现第二版比第一版还差，想用回第一版却找不到了，所以我增加了历史版本功能，可以回溯到之前的排版版本。

如果大家感兴趣的话，可以在mocheng.mowan.work体验，目前需要自己配置API，支持 Deepseek、Kimi等，我自己用下来觉得 Kimi的效果最好，大家可以先试试 Kimi 。

如果不知道怎么配置这些，我在配置说明加了一键跳转豆包的功能，会自动带着上下文信息，跳转到豆包，只需要在豆包粘贴一下，就可以让AI教你怎么配置。

后续我也会继续优化，出更多的风格主题，如果需求量大的话，我也会上限个会员版，直接开箱即用，免去配置API的麻烦。