微信公众号 Markdown 排版完整指南：从写作到一键发布

为什么公众号排版这么难？

微信公众号的原生编辑器是富文本所见即所得，不支持 Markdown 语法。很多创作者的工作流是：Markdown 写稿→手动在公众号编辑器里调整字体、颜色、间距→上传图片→发布。这个过程平均耗时 30–60 分钟，纯属重复劳动。

微信公众号另一个限制是：它不支持外部 CSS、不支持 CSS 变量、不支持 <script> 标签。粘贴带有 CSS 类名的 HTML 会失去所有样式。因此，富文本复制必须将所有样式转为内联 style 属性。

Mark.build 如何解决这个问题

Mark.build 的「复制富文本」功能专门针对微信公众号做了适配：

1. 将 CSS 变量展开为具体颜色值——通过浏览器的 getComputedStyle API，在复制时将所有主题变量解析为实际的 RGB 值，写入每个元素的 style 属性。
2. 清除公众号不支持的标签——自动删除 <button>（代码块复制按钮）、<script>、<style> 等公众号会过滤的元素。
3. 规范图片展示——为所有图片补全 display:block; max-width:100%，防止在公众号内出现图片溢出。

操作步骤（3 步完成）

第 1 步：在 Mark.build 里写文章

打开编辑器，用 Markdown 写好你的文章。代码块、引用、表格、标题层级都正常使用。

第 2 步：选择适合公众号的主题

推荐以下主题用于公众号排版：

• Default：干净中性，适合大多数内容
• 三联：暖白底色、衬线字体，适合人文类文章
• Magazine：粗衬线标题，适合深度报道风格
• Minimal：极简风格，适合个人观点类文章

选好主题后，在编辑器右上角的「颜色模式」里确认使用亮色模式——公众号阅读环境以浅色为主。

第 3 步：复制富文本，粘贴到公众号

点击编辑器右上角「导出」→「复制富文本」。系统会将渲染好的文章（带完整内联样式）写入剪贴板。

打开微信公众号后台编辑器，直接 Ctrl+V / ⌘+V 粘贴。标题、正文、代码块、引用块的样式会完整保留。

常见问题

代码块在公众号里显示异常？

公众号编辑器会对 pre 标签做特殊处理，可能破坏 monospace 字体。建议将代码块截图后以图片形式插入，或使用 Mark.build 的「导出图片」功能生成代码截图。

粘贴后字体不对？

微信公众号会覆盖 font-family，优先使用自己的字体设置。这是平台限制，无法绕过。字重（粗体）和字号通常能正常保留。

图片需要单独上传吗？

是的。粘贴后，图片 src 属性如果是外部 URL，公众号不会自动下载。需要在公众号编辑器里手动替换为已上传的图片。建议先上传图片到公众号素材库，再在 Markdown 里用素材库 URL。

与其他 Markdown 转公众号工具的对比

马上试试： 打开编辑器，写你的第一篇公众号文章 →