公众号编辑器为什么把你的样式全剥掉？
公众号编辑器为什么把你的样式全剥掉？
公众号编辑器剥掉的是外链样式，不是你排的版，这件事只有一条路能走通：全内联 HTML。
一、我先踩的坑
这篇是《AI 新媒体窄问题实操》系列的第 6 篇，讲的问题只有一个：文章在浏览器里排得漂漂亮亮，贴进公众号编辑器，样式全没了。
这个选题是我磨窄磨出来的。用 AI 做公众号，是大选题；公众号排版的样式为什么丢失、怎么解决，才是能写透的窄选题。今天就把这个窄问题挖到底。
我第一次遇到这事，完全摸不着头脑。文章是我让 AI 排的，HTML 写得规规矩矩，样式全放在一份样式表里。
浏览器里打开，标题深绿色，章节带浅绿的底，一点毛病没有。贴进公众号编辑器，预览也是对的，我还挺满意。
点发布，手机上打开一看，露馅了。标题变回黑字，章节的底色消失，整篇文章像被人扒了一层皮。
我不信邪，又贴了一次。这次更惨，连预览都不对了，图片挤成一列，段落间距全乱。
我还怀疑过是不是文件太大，或者格式没选对，把能想到的原因全试了一遍。前前后后折腾了两个钟头，样式还是保不住。
最气人的是，编辑器不报错，也不提醒你，它就安安静静地把样式剥了，让你一直以为是自己的问题。
后来我才想明白，这不是我操作错了，是编辑器故意这么干的。
在它的地盘上，你想挂外部样式，它不答应。想通这一点，路就清楚了：别跟它拗，把样式写进它剥不掉的地方。
二、为什么编辑器要剥样式
先说编辑器的立场。你的文章 HTML 里如果引用了一份外部样式表，等于把样式的主导权交给那个链接。
链接背后的内容，编辑器管不着。哪天链接失效，样式全部落空；哪天链接被人改掉，读者看到的东西就跟着变了。
所以编辑器的办法干脆利落，外链样式表，整个剥掉，只留正文。剥掉之后，靠样式表吃饭的能力全部失效。
浮动、定位、媒体查询，这些词听着专业，说白了就是文章里那些「图文绕排」「手机上一版电脑上一版」的效果。它们全都要靠那份被剥掉的文件才能跑起来。
你的标签上还挂着 class，但是 class 只是个名字。名字本身不带样式，真正管样式的那份文件已经被扔了，名字还在，样式没了。
打个比方。class 像门牌号，样式表像户口本。
浏览器打开你的文章，拿着门牌号去户口本里查，查到了，样式就上去。公众号编辑器把户口本没收了，门牌号还贴在门上，就是查无此人。
你以为贴进去的是排版，其实贴进去的只是骨架。骨架还在，皮肉全被卸掉了，这就是你看到的那篇黑字文章。
顺带说一句，编辑器这么做不是跟你过不去。所有平台都怕外部引用，这一刀是替读者挡风险，你把它的逻辑吃透，反而省得再猜。
想通这一层，解法自己浮出来了。既然编辑器只认每个标签自带的 style 属性，那就把全部样式直接写进每个标签的 style 里。
style 是标签自己的东西，不依赖外面任何一份文件，编辑器想剥都没有东西可剥。样式长在标签身上，跟外面的链接一刀两断，这个做法有个专门的名字，叫全内联 HTML。
三、实操：一个脚本生成全内联 HTML
道理讲完了，动手。我写了一个脚本 make_gzh_html.py，只干一件事：把 Markdown 排成全内联 HTML。
为什么用脚本不用手工？我自己的记录摆在那，手工排版一篇要 30 分钟，脚本生成只要 3 秒，而且脚本不会漏，每一篇的标准都一样。
有朋友问，能不能不要脚本，每次直接在对话框里让 AI 吐一份 HTML。可以是可以，但是每次都要重新交代一遍全内联的要求，漏一句就回到解放前。脚本把这些要求固化下来，跑一百次都是同一个标准。
整个流程四步，一步一步说。
第一步，写 Markdown。标题、段落、分点，正常写，不用管任何样式，样式是脚本的事。
这一步的价值是把内容和样式分开。后面改样式不用碰文章，改文章不用碰样式，两头互不打扰。
第二步，跑脚本。脚本读进 Markdown，逐个标签输出 HTML，颜色、字号、间距、边距，全部写进每个标签的 style 属性。
生成完的文件你可以自己验一遍，搜索一下，没有一行外部引用，没有一个空挂的 class。样式全部长在标签身上，一眼就能看穿。
这个验证动作值得养成习惯。文件里搜不到样式表的引用，才算干净，贴出去才有底气。
配色我固定了一套绿色主题，三个颜色。深绿 #2e6e4e 做标题和强调，浅绿 #e8f2ec 做章节背景，灰黑 #333933 做正文。
这套颜色不是每次现想的，是提前定好的一套模板，写哪篇都用它。脚本把这几个色值写死，你永远不用在发布现场做决定。为什么定这套、怎么定，这个系列后面讲排版颜色的那一篇会专门说。
第三步，贴进公众号编辑器。打开生成的 HTML 文件，全选、复制、粘贴，动作就这么朴实。
因为样式全部内联了，编辑器没有东西可剥。贴进去长什么样，发出来就是长什么样，预览和成片终于说的一样了。
第四步，发布，然后自己打开验一遍。手机和电脑都要看，两端各验一次才算数。
验证看三样：标题的颜色、章节的底色、正文的字色。这三样对了，剩下的间距字号基本不会错。
我那篇文章已经上线，标题是深绿的，章节带着浅绿的底，正文的灰黑也稳稳当当，跟浏览器里看到的一模一样。上面截图就是线上文章的真实样子，不是本地预览。
从写完 Markdown 到发布成功，中间没有任何手工调样式的环节。样式丢过一次的人才知道，这句话值多少钱。
四、两个常见的坑
第一个坑：提示词里没说全内联。你只跟 AI 说把文章排成 HTML，它默认按标准写法来，样式放样式表，标签挂 class。
这份 HTML 在浏览器里是好的，贴进公众号全散。所以提示词里要把这句说死：所有样式写进每个标签的 style 属性，不要用外部样式表，不要用 class。
一句话的事，说死了就不会翻车。AI 不是不会，是你没要求，它就按课本办事。
怕自己漏说，就把要求写成清单贴在提示词开头，让 AI 逐条确认。清单越具体，它办得越准，这一点跟让它写完自查是一个道理。
第二个坑：贴进去之后手痒，在编辑器里手工调样式。有人粘贴完，看哪里不顺眼，就在编辑器里拖两下、改两下。
编辑器里的每一下手工调整，都可能把好不容易内联进去的样式搅乱。要改就回到 Markdown 里改，重跑脚本，重新贴一遍。
排版这种事，人一上手就想发挥，发挥一次，模板就破一次。管住手，比什么技巧都管用。
记住一条：脚本和编辑器，只能让一个管样式。两个都想管，两个都管不好。
五、写在最后
一句话总结：编辑器剥外链样式是它的安全规则，你拗不过它，就把样式长到每个标签身上，让它没得剥。
这件事的顺序也别搞反。先有「样式会被剥」这个认知，再去定提示词、跑脚本、贴文章；不看原理直接抄命令，换个编辑器照样翻车。
这个思路也不只用在公众号。凡是「你做的东西要进别人家的系统」的场景，都先想清楚对方会剥什么，把要紧的东西长在自己身上，到哪都不怕。
把这套流程跑顺之后，我发文章的心态都不一样了。排版从负担变成了后台动作，写完内容，跑一遍脚本，贴进去，完事。
省下来的时间，全部拿去磨选题、改标题，这才是值得人花时间的地方。
而且这套流程天然适合连着用。一周连发几篇，篇篇长得像一家人，读者划到哪一篇都认得出是你的号。
下一篇说配图。AI 给文章配的图很好看，就是图里的中文全是乱码，这个毛病怎么绕开。
下一篇《AI 配图里的中文全是乱码，怎么救？》讲给你。
AI 实战导师 / 企业 AI 落地顾问 / 智能体工程师，17 年跨界、15,000+ 小时 AI 实操、20+ 套已交付工作流。 看完整履历海报 → skills 实验室 →
发表评论: