上一篇博客《我和 Codex、Claude 一起把博客“装修”了一遍》写完，我想把它再发到公众号上。这一次，排版全程交给了 Claude：它读原文、写排版代码，再操作我的浏览器，把文章一步步放进公众号草稿箱，最后用手机尺寸和夜间模式反复检查。
我还是一行代码没写。我做的事情，主要是在每一版出来之后问一句：“这样真的没问题吗？”这篇就记录这个来回的过程。
01 先问清楚：哪些交给 Design，哪些交给代码
公众号排版一直让我头疼。它的编辑器不认外部样式表，很多人只能借助第三方排版工具，一段一段地套模板。
动手之前，我先问了 Claude 两个问题。
第一个是：Claude Design 能不能设计公众号的文章排版？
它的回答是“能，但只适合做其中一部分”。封面、题图、文末卡片这类图片，适合在 Claude Design 里做；正文本身不适合。如果把整篇文章做成长图贴上去，平台读不到里面的文字，推荐和搜索都会吃亏，读者也没法复制。正文更好的做法，是写成一份“样式直接写在每个元素上”的 HTML，粘贴进编辑器后还能接着改字。
第二个是：Claude 能不能直接控制我的浏览器来排版？
也能。我的 Chrome 里装了 Claude 插件，它可以自己新开一个标签页，用我已经登录的状态进入公众号后台。规矩也提前说好了：扫码登录由我来，排版和填写由它来；保存为草稿之后就停下，发表那一下一定由我自己点。
02 这次的分工
这次用的是 Claude App 里能干长活的那种对话，背后跑的是 Claude Code：它有一个自己的云端工作区，能写代码、跑脚本、生成文件。再加上 Chrome 插件和 Claude Design，分工大概是这样的：
| 角色 | 在这次排版里做什么 |
|---|---|
| 我 | 定方向、提问题、看效果：排版要贴合账号定位，要看手机端和夜间模式，发之前要对照平台规范 |
| Claude（对话里的它） | 读原文、写排版 HTML；在云端工作区里生成题图和封面、模拟手机屏幕和夜间模式、逐条对照规范检查 |
| Chrome 里的 Claude 插件 | Claude 的“手”：打开公众号后台，粘贴正文、上传图片、裁封面、填设置、保存草稿 |
| Claude Design | 定账号的视觉：黑底、黄色、噪点的那套风格在 Design 画布里定下来，题图、文末卡片和封面都沿用它 |
整个过程就是一个循环：Claude 出一版，我提一个问题，它去查、去改，再出一版。这篇文章的排版，前后转了三轮。
03 第一版：十几分钟进了草稿箱
首先，我把需求丢给 Claude：把博客上那篇文章做一版公众号排版。
它先用 Chrome 插件打开博客原文，把全文和 9 张配图都过了一遍：每张图在哪一段、讲的是什么，封面和第 1 张图其实是同一张。
然后它写了一份公众号版的 HTML。关键在于所有样式都直接写在每个元素上：公众号编辑器会把单独的样式表整个删掉，只认这种“内联样式”。导语框、带编号的小标题、图下的小字说明、左右并排的两张手机截图，都是这么写出来的。
接下来它切到公众号后台，新建一篇图文，把这段 HTML 当作一次“粘贴”送进正文编辑器。样式基本都保留了下来。更省事的是，正文里引用的 8 张博客配图，公众号自动转存到了微信自己的图床，不用一张张手动上传。
过程中也有小插曲。它一开始像人一样用鼠标点标题框打字，结果页面一跳，焦点跑进了正文里。后来标题、作者、摘要都改成用脚本直接填进去。最后它从正文图片里选了协作循环图做封面，分别裁好 2.35:1 和 1:1 两个比例，保存为草稿，停下来等我检查。
从我说需求到草稿存好，大约十几分钟。顺便，我还让它把每个关键步骤都截了图，把当时还没定下来的公众号名称打了码。这篇文章里的截图，就是这么来的。
04 “太素了”：按账号定位重新排
看完草稿，我觉得简约的方向是对的，但太简单了，看不出这个号是做什么的。我给 Claude 的要求只有一句：按账号定位来优化。我的定位是“AI 实践者的经验与作品分享”，简约要保留，同时要有“实践记录”的感觉。
它给文章加了几种实践者常用的模块：
- 实践记录卡：放在开头，一句话说清做了什么，下面列出用到的工具、我负责的部分、成果和用时。
- “这一步学到的”经验框：把文章里的经验单独拎出来。
- 设计资料包清单：读者可以照着准备的东西，一条一条打勾。
- A / B 方案对比卡：两套方案并排，标出最后选了哪一套。
换正文时又踩了一个坑。它先用“选中再删除”清空旧内容，结果新内容被套进了旧版的灰色导语框里，整篇文章都变成了灰底。最后改成在正文里全选再删除，才清干净。
05 在手机上找出 5 个问题
我又补了一句：大部分人是在手机上看公众号的，排完最好看看手机上的效果。
Claude 在页面里放了一个 375 像素宽的手机框，把草稿里保存的正文原样放进去，一屏一屏地看。
在电脑上看着没问题的排版，放到手机宽度里冒出了 5 个问题：
| 问题 | 原因 | 改法 |
|---|---|---|
| 一行字被撑开 | 两端对齐遇到行末的英文单词，会把这一行的字距拉得很开 | 改成左对齐 |
| 金句断成“起 / 来” | 一句话一行放不下，最后一两个字掉到下一行 | 每半句单独一行，一共四行 |
| 图注折成两行 | 说明太长，第二行只剩几个字 | 缩短成一行 |
| 并排图注一高一低 | 两张手机截图高度不同，图注跟着图走 | 图注单独放一行 |
| 小体会标题最后一个字掉行 | 编号那一栏太宽，标题差一个字放不下 | 收窄编号栏、字号略减，360 宽的安卓手机也能放下 |
还有两个细节挺有意思。编辑器里图和图注之间有一大段空白，放进手机框一看，是编辑器自己加的占位元素，发出去的文章里没有，所以没动。另外，编辑器对换行符的保留不稳定，所以金句的每一行都写成了单独的段落。
第二版从我提要求到改完手机端的问题，也就十几分钟。
06 夜间模式：一块浅灰色的“补丁”
公众号的名称和头像定下来以后（这部分就不在这里展开了），文章还要补两样东西：开头一张题图，结尾一张新的 ABOUT 卡片。Claude 用账号的黑黄配色做了题图；ABOUT 卡片做成黑底，放上 logo、一句话简介和四个内容标签。
第一版题图太高，在手机上占了很大一块。我让它改小一点，它把高度从 360 压到了 264（宽度都是 1080）。
这时我想到一个问题：很多人晚上用夜间模式看公众号，整篇排版和这两张新设计，考虑过夜间模式吗？
Claude 没有凭感觉回答。它找来了微信官方开源的深色转换算法（mp-darkmode），把整篇文章放进去跑了一遍，看每个颜色会被转成什么。
结果真找到了问题。之前的排版里有几处“带一点暖色的浅灰底”，比如 #F6F6F4。它们在夜间模式下没有变暗，而是变成了一块浅灰色的补丁，夹在黑色背景里特别扎眼。纯中性的灰，比如 #F5F5F5，就会正常转成深灰，文字也跟着变亮。肉眼几乎看不出区别的两个颜色，到了夜间模式天差地别。
于是它把文章里所有带色调的浅底都换成了中性灰，再把浅色和夜间模式的整篇效果并排放在一起给我看。
要在自己手机上验证也很简单：把手机切到深色模式（或者在微信“设置 → 通用 → 深色模式”里打开），再点开预览就行。
07 发之前：保存、规范和封面
最后一轮是发布前的收尾，有几件事值得记一下。
保存要确认。 有一次 Claude 改完作者栏，点了保存，三秒后就离开了页面，结果修改没保存上。之后它每次保存都多做三步：等五秒，看左侧“历史版本”的时间有没有更新，再刷新页面核对一遍。
图片怎么放进去。 题图、logo 和封面都是 Claude 在它的云端工作区里生成的，没法走网页上的上传按钮。它的办法是把图片转成一段编码，在编辑器里模拟一次“粘贴图片”，公众号就自己把图传到了微信图床。
对照推荐规范。 新号很需要平台推荐带来的流量。我把《微信公众号和服务号推荐运营规范》整篇发给 Claude，让它对着文章逐条查。它挑出了一个风险：文末“本文同步发布于我的博客 ranbin.io”带着外部域名，可能被当成导流。于是博客地址改放进专门的“原文链接”，正文只留一句“本文同步发布于我的博客”。它还提醒了两件发表时要注意的事：要群发给全部用户，分组群发的内容不进推荐；发出去之后不要关掉平台推荐，关了就开不回来了。
一张自己的封面。 第一版用协作循环图当封面，图里的小字在手机上基本看不清。最后 Claude 按账号的黑黄风格做了一张新封面，左边是标题，右边是 logo。消息列表里的 2.35:1 用整张图，转发卡片里的 1:1 只框右边的 logo。
原创声明、合集、创作来源这些设置，Claude 会先讲清楚每一项是什么、怎么选，等我拍板再动手。点“发表”的那一下，从头到尾都留给了我。
08 写在最后
回头看，这次排版前后三轮，动手的部分全是 Claude 做的：写代码、操作浏览器、生成图片、模拟手机和夜间模式、对照规范逐条检查。我一行 CSS 都没写。
但让排版真正变好的几个转折点，都始于我问的一句话：“是不是太素了？”“手机上看过吗？”“夜间模式考虑过吗？”“这样会不会影响推荐？”每个问题抛出去，Claude 都会找一个具体的办法去验证、去修，而不是只回一句“没问题”。
几点小体会：
- 问题比答案更值钱。 这次的手机端和夜间模式，都是我问了它才去查的。但只要问出口，它就有办法查清楚。
- 让它拿真东西检查。 手机效果用的是草稿里保存的正文，夜间模式用的是微信官方的转换算法。用真实的东西检查，才能发现真实的问题。
- 各用所长。 Claude Design 定视觉、出图，正文用可以粘贴的 HTML 来排，浏览器里的活交给插件。第一天先问清楚这个分工，后面就少走了很多弯路。
- 关键操作留给自己。 登录和发表都由我来，Claude 只停在草稿箱。这样放手让它干，心里也踏实。
上次是 Codex 和 Claude 帮我把博客装修好，这次是 Claude 帮我把文章搬进了公众号。如果你也在为公众号排版发愁，不妨把它交给 AI，然后多问几句“真的没问题吗”。
也欢迎在微信里关注我的公众号「噪影Lab」。