公众号 AI 排版工作流：让 AI 直接输出能用的图文

为什么 AI 写好的文章，一粘进公众号就乱版

场景你一定遇到过：让 AI 写一篇 1500 字的文章，内容挺好，你选中、复制、粘进公众号后台。然后眼睁睁看着编辑区里的样子变了——小标题和正文一样大，段与段之间黏在一起，加粗的地方也淡了。

第一反应通常是「AI 又写坏了」。但你回看对话框里的原文，格式是规整的。问题出在中间那一步：公众号后台的编辑器是一个富文本编辑器，它会对你粘贴的内容做一次过滤。

所谓过滤，就是它只保留自己「认识」的标签和样式，其余全部丢掉。你在对话框里看到的漂亮排版，很多靠的是它不认识的写法，粘过去自然被打回原形。Markdown 的 ##、** 这类符号，后台根本不解析，会原样当文字显示；而一段来自网页的排版，带的外部样式表也会被整片丢弃。

所以真正要解决的，不是「让 AI 写得更好」，而是让 AI 输出后台认识的那种格式。这需要你先理解后台认什么、不认什么。

先建立一个认知：公众号只吃「内联样式」

它不加载你的外部 CSS，也不认 class 选择器
所有视觉样式必须写在标签的 style 属性里
标签本身也在一份白名单里，白名单外的会被去掉
所以目标很明确：输出「带内联样式、只用安全标签」的 HTML

公众号排版的三条底层规则

把公众号排版这件事拆到底，其实就三条规则。理解了这三条，你后面写提示词就有依据，而不是靠试错。

规则一：样式必须内联

外部样式表和 class 基本都是白写。你要的效果，必须用 style="..." 直接写在每个标签上。这也是为什么很多排版工具给你的代码里，几乎每个 <section>、<p> 上都挂着一长串 style。

规则二：标签要待在白名单里

<section>、<p>、<span>、<strong>、<em>、<br>、<table>、<img> 这类相对安全。而 <div> 是不稳定的——有时能带过去，有时被处理掉，不同版本行为还可能变。所以稳妥的做法是：能用 section 就别用 div。

规则三：样式值要「朴素」

这条最容易被忽略。很多在网页上很好用的写法，在公众号里会被剥离或失效。你要尽量用最基础、最兼容的写法：颜色用十六进制的 #333333，宽度用百分比或固定 px，布局用块级元素从上往下堆，而不是 flex 或 grid。

一句话概括：内联样式、安全标签、朴素取值。

三条都满足，粘进后台基本不会崩；缺哪条，就在哪出问题。

安全标签清单：哪些能用，哪些会被剥掉

下面这张表是我按实际粘贴结果整理的。它的作用不是让你背下来，而是在你写提示词的「约束」段落时，照着它把禁用的写法列进去。

写法 / 标签	粘贴结果	替代方案
`section` / `p` / `span`	安全，推荐常用	作为主要容器
`div`	不稳定，可能被处理	统一换成 `section`
外部 CSS、`class`	被丢弃	全部改成内联 `style`
渐变背景 `linear-gradient`	常被剥离，留下空白	改用纯色 `background`
`rgba()` 半透明色	不稳定	改用 `#hex` 实色
`min-width` / `max-width`	易失效	用 `width:100%` 或固定像素
`font-size:0`	会被处理，间隙消不掉	别用，改用块级间距
`flex` / `grid` 布局	大多不支持	用 `table` 或纵向堆叠
标题标签 `h1`-`h6`	样式会被重写	用带内联样式的 `section` 模拟标题

踩坑提醒：别迷信「消除间隙」的旧技巧

网上有些教程会教你用 font-size:0 来消掉行内元素之间的空白。这个技巧在普通网页上有效，但在公众号里常被过滤掉，你反而会发现间距莫名其妙变大。

更稳的做法是：容器之间干脆用 <section> 纵向堆叠，需要间距就在每个 section 上写 margin，别依赖这些「黑科技」。

踩坑提醒：渐变和半透明色是重灾区

带有 linear-gradient 的背景，粘过去经常直接变成空白，连兜底的底色都没了。而 rgba() 写的浅色底或边框，有时会失效成完全透明。

如果你确实想要「浅一号」的底色，直接算一个偏浅的十六进制值写进去，比如把深紫的浅底写成 #f2eefe，比 rgba(124,92,255,0.1) 稳得多。

把排版规则写进提示词

理解了规则，接下来就是让它变成提示词的一部分。下面三个模板，分别对应「直接生成」「把已有内容改写」「发布前自查」三个环节。把方括号里的内容换成你的信息即可。

模板一：让 AI 直接输出可粘贴的富文本

生成排版模板一次到位

【角色】你是一位熟悉微信公众号后台的排版编辑，清楚它的富文本编辑器会过滤掉哪些写法。

【任务】把下面的文章内容，转成可以直接粘贴进公众号后台的 HTML。

【硬性格式要求】
- 只使用这些标签：section、p、span、strong、em、br、table、tr、td、img
- 不要使用 div、h1-h6、flex、grid
- 所有样式必须写成内联 style 属性，不要用 class，不要引用外部样式表
- 颜色一律用 #开头的十六进制，不要用 rgba()
- 不要使用 background 渐变（linear-gradient）
- 不要使用 min-width、max-width、font-size:0

【排版风格】
- 正文：font-size:16px; line-height:1.9; color:#333333; letter-spacing:0.5px
- 段间距：每个 p 上写 margin:0 0 20px 0
- 小标题：用 section 模拟，font-size:18px; font-weight:bold; 左侧加一条 3px 竖线
- 加粗关键词用 strong，全文不超过 6 处

【正文内容】
[粘贴你的文章]

模板二：把已有的 Markdown 转成公众号样式

格式转换模板已有内容复用

【任务】下面是一段 Markdown 文本。请把它转换成一整段可以直接粘贴进公众号后台的 HTML 代码。

【转换规则】
- ## 转成带内联样式的 section 小标题，不要用 h2
- 普通段落转成 p，统一内联行高与段间距
- **加粗** 转成 strong
- 列表转成连续的 p，每条前面加一个「·」，不要用 ul/li
- 表格转成原生 table，并给 td 加上 border 和 padding 的内联样式
- 代码用 span，内联等宽字体，加浅灰底色（十六进制）

【约束】
- 不要输出任何解释文字，直接给 HTML 代码块
- 不要用 div，不要用渐变，颜色一律十六进制

【Markdown 原文】
[粘贴内容]

模板三：发布前让 AI 帮你查一遍

自查模板粘贴前把关

【角色】你是一位严格的公众号排版审查员。

【任务】检查下面这段 HTML，逐条找出会导致「粘贴到公众号后台后样式被剥离或错乱」的写法。

【检查项】
1. 是否出现了 div、h1-h6、ul/li 等不安全标签
2. 是否存在 rgba()、linear-gradient、font-size:0、min-width 等危险写法
3. 是否有 class 属性或外部样式引用
4. 是否所有视觉样式都写在了内联 style 里

【输出格式】
先给一个「问题清单」表格（列：行内位置、问题、修改建议），
再把修好的完整 HTML 代码附在后面。

【待检查的 HTML】
[粘贴代码]

这三个模板串起来，就是一个完整的「生成 → 转换 → 自查」链条。你不必每次都全用，但第三模板建议长期保留——它能帮你养成对危险写法的敏感度。

发布前逐项检查清单

AI 自查不能百分百可靠，最后过一遍人工检查仍然是必要的。下面这份清单按粘贴后的实际观看顺序排列，逐项打勾就行。

检查项	怎么看	不合格的处理
小标题是否有层次	和正文比字号、粗细是否明显不同	给标题 section 补 font-size 与 font-weight
段间距是否均匀	相邻两段是否黏在一起或忽大忽小	统一给每个 p 加相同的 margin
加粗是否生效	关键词是否被弱化成普通字	确认用的是 strong 而非 span
底色是否丢失	浅色块是否变成惨白空白	把 rgba 或渐变换成十六进制实色
图片是否显示	所有插图是否加载出来	重新上传图片，别用外链
表格是否串行	列有没有错位、边框在不在	给 td 补内联 border 与 padding
手机预览是否正常	在手机上看一遍排版	处理超宽表格、过长代码行
超链接是否可点	外链在公众号内多不可点	把链接改成文字提示或引导回复

踩坑提醒：电脑上好看，不代表手机上好看

公众号的绝大多数阅读发生在手机上。电脑后台编辑区显示的宽度比你想象的更接近最终效果，但依然可能骗过你，尤其是一目了然的表格和长代码行。

最省事的办法是发布前点「预览」，发到自己的微信里在真机上扫一遍。这一步花不了一分钟，却能拦住多数的翻车。

把排版做成一套固定流程

单篇文章靠模板就能救回来。但如果你要长期更新，值得把整个流程固化下来，让「排版」不再是每篇都要重新操心的事。

先定一套「排版规格」并写下来

正文多大字号、行高多少、段间距多少、标题是什么样式，全部写死成一份规格文档。这份规格就是提示词里「排版风格」那一段的固定内容。

把规格固化成一个提示词模板

把上文的模板一存成一个常驻模板，以后每写完内容，直接把它塞进去，让 AI 输出成品代码。

粘贴后立刻跑一遍检查清单

不凭感觉，按上文的表格逐项过。看得多了，你会一眼发现哪里不对。

把踩过的坑写进「负面清单」

每次遇到新的被剥离写法，就补进提示词的禁用列表。这份清单越用越值钱，是真正属于你的资产。

公众号排版的本质，是把「给人看的文章」翻译成「给过滤后的编辑器看的代码」。你把翻译规则交给 AI，它就能一遍做对；你不说，它就只按自己的理解输出，然后你在粘贴的那一秒被打回原形。

排版不该是每篇都重来一次的体力活，而应该是一条你已经调好的流水线。

如果你还经常在「写什么」上卡壳，下一篇我们聊「小红书图文批量生产」——怎么搭一个选题库、把封面和正文都模板化，让内容生产从「一次一篇」变成「一次一批」。