【AI Agent实战】公众号排版丑？AI帮你一键改造成「课堂型」高级感

排版不是锦上添花，是决定读者能不能读完的第一道门槛。

之前：Markdown直发，打开率不低但完读率很低

养虾系列前7篇，我的排版流程是：

1. Markdown写完
2. 粘贴到公众号编辑器
3. 加几个加粗、调一下字号
4. 发

打开率还行（标题功劳），但完读率一直不理想。我一直以为是内容问题。

直到有一天我用手机打开自己的文章——

密密麻麻的黑字，像一堵墙。

问题不在内容。在排版。一篇5000字的文章，如果排版是一堵文字墙，读者的本能反应是关掉，不是读完。

之后：「课堂型」排版——读者说"像在上一堂好课"

从第8篇开始，我让龙虾帮我做了一套排版改造，叫「课堂型」风格。

核心设计语言：

一个词概括：像在上课，不像在刷手机。

龙虾到底帮我做了什么

第一步：定义风格规范——一次性，永久复用

我让龙虾帮我定义了一套CSS内联样式规范。公众号不支持外部CSS和大部分HTML标签，所以所有样式必须用table + 纯内联style实现。

这是公众号排版最坑的地方——div的background+border不支持、伪元素不支持、flex不支持。只有table是安全的。

龙虾帮我把每个视觉元素都翻译成了table+内联style的写法：

<!-- 黑色胶囊章节条 --><tablestyle="border-collapse:collapse;width:100%;margin:28px 0 18px;"><tr><tdstyle="background:#1a1a2e;color:#fff;font-size:15px;font-weight:700;padding:8px 20px;border-radius:20px;display:inline-block;">Step 1：定义信号维度</td></tr></table>

第二步：批量改造——10篇，一个指令

定义好风格后，改造就是流水线操作。

我说：“按课堂型风格改造第8篇”。龙虾输出一个完整的wechat.html——所有章节条、公式卡、效果图占位、互动留白全部到位。

然后第9篇、第10篇……同一个指令，同一套风格，但每篇的效果图和方法论框架都根据主题定制。

第三步：封面也统一——深蓝渐变课堂型

配合内文风格，封面也做了统一改造：

• 深蓝→深灰渐变背景（#0a0f1a → #132042 → #1a3260，160deg）
• 左侧：48px大标题 + 30px副标题（关键词蓝色高亮）
• 右侧：白色迷你报告卡（每篇根据主题定制）

8张封面一个下午批量生成。

数字说话

你也能复制：操作路径

Step 1：接受一个现实——公众号排版只能用table

忘掉div、flex、grid。公众号编辑器会把它们全部干掉。table + 内联style是唯一可靠的方案。

Step 2：定义3-5个核心视觉元素

不需要复杂。课堂型只用了5个：

1. 黑色胶囊章节条
2. 浅色背景公式卡
3. 三列数据对比表
4. 互动留白问题框
5. 渐变底色洞察条

5个元素反复组合，就能覆盖任何文章结构。

Step 3：让AI生成HTML，你只审核

不要自己写HTML。告诉AI你的风格规范（或者直接给一篇样板文章），让它生成新文章的排版。你的工作是审核和微调，不是从零开始写。

Step 4：封面用Design-as-Code

同样的逻辑——HTML就是封面。定义好模板（宽高、背景、布局），每篇只改标题和右侧卡片。

So What：这个案例背后的一般性原则

1. 排版是"沉默的内容"

好排版不会让读者说"哇排版好看"——好排版让读者不知不觉读完了全文。它的工作是消除阅读摩擦，而不是展示技巧。

2. 一次定义，永久复用

投入2小时定义风格规范，后续每篇5分钟套用。这是前期投资型工作——痛在开头，受益是长尾。

3. 约束催生风格

“只能用table+内联style”——这是限制。但正是这个限制逼我用最少的元素实现了最大的视觉效果。约束不是敌人，是风格的催化剂。

4. AI做排版 > AI做设计

AI做开放式设计（“帮我做个好看的封面”）容易翻车。但AI做规则明确的排版（“按这套规范排版这篇文章”）非常稳定。规则越清晰，AI输出越靠谱。

本篇工具链清单

养虾系列 · 第三季「AI改变创作」· 第 7 篇（第三季完结）
路易乔布斯 © 2026