公众号模式

公众号排版,复制即用

把一篇长文排成公众号文章:全部样式写成内联 style,背景、圆角、间距粘进后台不散架。复制同时带上 text/html 与纯文本两份,正文粘过去仍然可以编辑。

排一篇公众号文章 →

它解决什么问题

公众号编辑器只认内联样式:外部样式表、class、伪元素一进后台就失效。很多人手排一遍要一小时,还总在「标题变了颜色」「列表没了符号」「表格撑破宽度」上反复。公众号模式把这些处理全部自动化,并且让「预览」和「复制」是同一份 HTML——你在编辑器里看到什么,粘到后台就是什么。

复制效果示例

下面一段就是「科技蓝青」主题输出样式的静态呈现(与编辑器预览同一套内联样式):

公众号文章的标题

正文段落保持原意,字号 15px、行高 1.85,颜色 #4e5969,段间距均匀,手机上阅读不打架。

章节标题的渐变胶囊

二级标题在部分主题里是渐变底色的胶囊样式,层级一眼可辨。

引用框:左边框 + 浅灰底,来源清楚的一句话放在这里。

行内代码像 pnpm dev 这样带底色圆角,粘到后台也不变。

三步上手

  1. 打开编辑器,粘贴飞书、Notion、Word 或 Markdown 原文。
  2. 选主题、调字号和段距,预览区按手机宽度实时呈现。
  3. 点「复制到公众号」,到后台粘贴,补传个别未跟上的图片即可发布。

粘贴后出问题时,先看格式错乱排查与样式丢失排查;字号与行距规范见公众号排版自查清单。

常见问题

复制到公众号后样式为什么不会丢?

复制内容是带内联样式的富文本:字体、字号、颜色、间距、背景、圆角都写在每个元素的 style 属性里,不依赖外部样式表或 class,公众号编辑器保留 style 属性,所以样式不散架。

图片会跟着一起复制过去吗?

图片随正文一起复制,个别大图或受跨域限制的图可能没有成功写入,在公众号后台原位置补传即可,正文文字不受影响。

粘贴后还能在公众号后台改文字吗?

可以。复制的是富文本而不是截图,在后台直接改字即可;改完检查该段是否继承了周围样式。小修改建议只在后台做,大改动回到编辑器重排再复制。

代码块和表格支持吗?

支持。代码块按主题配色渲染并内联高亮颜色,表格使用固定布局防止横向溢出,列表显式声明符号类型,这些都是在公众号编辑器里实测过的兼容处理。

继续读

粘贴原文,排一篇公众号文章 →