在线工具集

公众号排版完全指南：Markdown 转码 / 字体 / 间距 / 引用

微信公众号的文章编辑器是「富文本」和「代码」的奇特混合物。你在 Word 里排得完美的文章，粘到公众号里可能变成一团乱。很多公众号运营者花 80% 的时间调格式、调字体、调间距，花 20% 的时间写内容。这完全反了。本指南教你如何用 Markdown → 在线转码 → 粘贴 5 分钟完成排版，然后把精力投入到内容上。同时揭开「为什么有的文章阅读量高」的秘密——不仅是标题和内容，还有排版本身带来的用户心理影响。

一、公众号编辑器的奇特局限

1.1 H1 无法使用，H2 起步

这是最反直觉的地方。标准 HTML 的逻辑是：每个页面一个 H1（主标题）。但公众号编辑器没有 H1 样式，只从 H2 开始。这意味着：

为什么？公众号的设计逻辑是「标题已经在后台填过了，不需要在正文再来一次」。所以 Markdown 转码时，如果你写 # 一级标题，在线转码工具要么忽略，要么自动降级到 H2。

1.2 字体库有限（默认「微软雅黑」）

公众号对自定义字体有限制。只能从预定义的几种字体选择（微软雅黑、宋体、Georgia 等）。你不能用 Google Fonts 或自家品牌字体。这对多数运营者没影响，但对极其讲究排版的团队是痛点。

最佳实践：坚持使用「微软雅黑」（默认），在字号和颜色上做文章。

1.3 行间距严重过大或过小

公众号的默认行间距不够灵活。中文文章推荐 1.5-1.8 的行间距（行间距 / 字号），太小显得拥挤，太大显得稀疏。但公众号编辑器的行间距是「固定值」而不是「相对值」。

解决方案：后面会讲「黄金间距公式」，用调整字号和段落间距来弥补行间距不足。

1.4 不支持直接上传 SVG 或代码笔（CodePen）

如果你想在文章里展示可交互的代码演示，公众号不支持。只能用静态图片或外链。这对程序员文章尤其不友好。

二、Markdown 到公众号的完整工作流

2.1 在 Typora 或 Obsidian 写 Markdown

第一步：选一个 Markdown 编辑器写文章。推荐：

核心要点：用 Markdown 标准语法写，不要混合 HTML。这样转码工具才能正确识别结构。

2.2 选择在线转码工具

Markdown 本身不能直接粘到公众号（公众号编辑器看不懂 Markdown）。需要用在线转码工具把 Markdown 转成 HTML，然后拷贝 HTML 的样式后粘到公众号。

推荐工具（排名按靠谱程度）：

2.3 在 mdnice 调整样式和主题

mdnice 有多个主题（官方、草根、科技蓝等），选一个接近你的品牌风格的。然后：

mdnice 的妙处在于它知道公众号的所有坑，自动规避 H1、合理设置行间距、处理代码块等。

2.4 复制「富文本 HTML」粘到公众号

在 mdnice 排版完毕，点「复制」按钮（不是复制源码，而是复制排版后的 HTML），然后：

2.5 微调和最终检查

即使 mdnice 已经很完美，公众号编辑器有时会「吃掉」某些样式。检查清单：

三、黄金间距和排版美学

3.1 行间距的黄金比例

Typography 理论中，「行间距 / 字号」的黄金比是 1.5。但公众号编辑器的行间距是固定像素，不是相对比例，所以需要手算。

假设正文字号 15px，推荐行间距：

公众号的默认行间距约 1.2 倍，对中文偏紧。推荐方案：

3.2 段落长度控制

每个段落不要超过 3-4 句话（约 100-150 字）。长段落会显得密集，降低阅读欲望。即使内容一样，切成短段落的文章看起来更「通透」。

公众号阅读的心理学：读者一开始看到「长段落」就有心理抗拒。「诶，这么多字，我先滑过」。然后就永远滑过了。短段落制造了更多「停顿点」，让读者有机会决定「还要不要继续读」。

3.3 标题层级的视觉权重

H2、H3、H4 的字号建议：

不要让 H3 和正文字号一样（除非加粗或改颜色），否则用户分不清哪是标题。

3.4 引用块（Blockquote）的视觉处理

引用块是公众号很重要的排版元素，用来强调关键句子或参考资料。有几种常见做法：

mdnice 的「官方」主题默认用「左边框 + 浅灰背景」，很经典。

四、代码块的展示技巧

4.1 代码块的两种展现

公众号的代码块有两个问题：

解决方案：

4.2 代码块的颜色和背景

mdnice 默认给代码块深灰或黑色背景（#282C34），白色字体，符合程序员审美。但如果你的公众号风格是「浅色系」，可以调整背景色。

建议：保持深背景，这样代码更易读。即使整个文章是浅色，深色代码块也不会违和。

4.3 行号和语言标签

Markdown 的代码块可以标注语言（python、javascript 等），mdnice 会自动语法高亮。例如：

```python
def hello():
print("世界")
```

会展示为带 Python 语法高亮的代码块。这对技术文章加分。

五、图片和 Emoji 的规范用法

5.1 首图尺寸和设计

公众号的首图（封面）是用户刷列表时第一眼看到的东西。尺寸规范：

5.2 首图文案和美学

首图不是装饰，是销售工具。用户根据首图决定「要不要点进来看」。好的首图设计：

5.3 永久封面 vs 单次封面

在公众号后台上传文章时，有两个地方可以设置图片：

5.4 正文配图的最佳实践

除了首图，正文里的图片也很关键：

5.5 Emoji 的用法规范

Emoji 能增加文章活力，但滥用会显得幼稚。规范用法：

常用的「专业 emoji」：📌（关键）、🔔（提醒）、⚡（重点）、💡（建议）、🎯（目标）、📊（数据）、⚠️（警告）、✅（完成）、❌（错误）

六、摘要和自定义菜单

6.1 文章摘要的黄金法则

公众号后台要求填摘要（100-200 字）。这段文字出现在用户刷列表时、文章底部、搜索结果中。

6.2 自定义菜单链接

如果你有公众号菜单（底部的 3 个按钮），可以链接到工具站的相关页面。例如「排版工具」菜单项链接到 /md-to-html/，「图片编辑」链接到 /image-stitch/。这会给工具站带来稳定流量。

七、工具站的两个辅助工具

7.1 /md-to-html/ （Markdown 转 HTML）

虽然 mdnice 是首选，但有时候你想要纯净的 HTML（无样式污染）。本站的 /md-to-html/ 工具就是这个用途。把 Markdown 粘进去，得到干净的 HTML，然后自己在公众号编辑器调样式。

适用场景：已经习惯公众号编辑器风格的运营者、想要精细控制每个元素的设计师。

7.2 /image-stitch/ （图片拼接和海报生成）

快速生成「长图海报」（竖向拼接多张图片）或「合成海报」（添加文字、二维码）。很多公众号用长图作为「分享图片」，增加转发率。

推荐用法：文章发布后，用 /image-stitch/ 生成一张配文的长图海报，在微博、小红书、朋友圈分享，引导回公众号。

八、阅读量提升的 5 个排版细节

8.1 开头 100 字的钩子

用户阅读公众号有个特点：前 100 字是「试读」，后面是「决策点」。如果前 100 字吸引不到他，就关掉了。

好的开头需要：

不要用「大家好」「今天想和大家分享」这种过时开场。

8.2 结构清晰，易于扫读

很多人不是「逐字阅读」公众号，而是「快速扫读」（scanning）。结构清晰的文章会有更高的「继续阅读率」。

8.3 关键句用引用块或加粗突出

扫读者的目光会停留在「视觉突出」的地方。如果核心观点用普通文本写，很容易被忽略。

8.4 列表和表格代替长段落

信息相同，展现形式不同，理解难度差 50%。

不好的写法：「排版的关键要素包括字号、行距、颜色、对齐方式和间距。字号建议 15-16px，行距 1.5 倍，颜色选择品牌色...」

好的写法：

列表版本更易扫读。表格则适合「对比型」内容（例如「永久封面 vs 单次封面」）。

8.5 结尾的引导关注或行动号召

很多文章匆匆结束，读者看完就走了。没有转化。好的结尾要么：

九、Markdown 编写的最佳实践

9.1 标题层级规范

即使是 Markdown，也要遵守逻辑层级（虽然公众号显示不了 H1）：

9.2 列表规范

两种列表类型：

嵌套列表用缩进： - 子项（两个空格）。

9.3 链接和引用规范

在 Markdown 中，链接写法：[文本](URL)，例如 [Markdown 转 HTML](/md-to-html/)。

如果想在公众号里保留链接（用户可点击跳转），mdnice 会自动转成公众号支持的链接格式。本文提到的 /md-to-html/ 和 /image-stitch/ 在公众号版本会变成完整 URL。

十、从公众号到其他平台的多渠道策略

10.1 一文多投的技巧

写好的文章，可以投向多个平台（公众号、小红书、知乎、微博）。但每个平台的排版要求不同。

10.2 长图海报的二次分享

在公众号发文后，用 /image-stitch/ 生成一张配文的长图。例如「排版完全指南」的长图包含标题、3-5 个要点、二维码（指向原文）。

在微博、朋友圈、小红书分享这张海报，引导关注者回公众号阅读完整版。这样做的好处：

十一、常见排版错误和修复

11.1 错误：中英文混用没有空格

「这是一个SEO工具」应该写成「这是一个 SEO 工具」（中英文间加空格）。不仅更易读，也利于搜索引擎理解（SEO 是关键词）。

11.2 错误：标点符号混用

中文文章用中文标点（「」『』。，；：）。不要混用英文标点（"" '' . , ; :）。混用显得不专业。公众号编辑器有「符号转换」功能，可以一键修复。

11.3 错误：过度加粗和着色

如果整段都加粗或变色，就没有强调效果了。只突出 1-2 个关键词。例如「本文教你**5 个排版技巧**，**10 分钟学会**」比「**本文教你 5 个排版技巧，10 分钟学会**」好。

11.4 错误：图片尺寸不一致

如果正文配图有大有小，显得不专业。建议所有图片宽度一致（都是 500px 或都是 550px），高度按内容自适应。

11.5 错误：链接过多或全是外链

每篇文章 3-5 个链接足够。过多链接分散注意力。同时，优先链接回自己的资源（公众号其他文章、工具站），其次才是外部资源。这样做留住读者。

十二、排版工具链总结

工具名 用途 何时用 推荐度
Typora Markdown 编辑器 写文章时 ⭐⭐⭐⭐⭐
mdnice.com Markdown → 公众号 HTML 排版转码时 ⭐⭐⭐⭐⭐
/md-to-html/ Markdown → 纯 HTML 需要自定义样式时 ⭐⭐⭐
/image-stitch/ 图片拼接和海报生成 制作分享海报时 ⭐⭐⭐⭐
TinyPNG 图片压缩 优化图片大小时 ⭐⭐⭐⭐⭐
Canva 海报和封面设计 设计首图和长图时 ⭐⭐⭐⭐

结语

公众号排版看似复杂（编辑器的诸多局限），但只要掌握了 Markdown + mdnice 的组合，5 分钟完成排版是完全可能的。重点不是工具熟练，而是「排版心理学」：短段落、清晰标题、视觉突出、结构易读。这些原则适用于任何平台（微博、小红书、知乎、博客）。

一个简单的验证方法：把你的文章截图，然后「只看标题和加粗的部分」，是否已经能理解 80% 的内容？如果不能，说明结构还需要优化。阅读量多的文章往往是「即使只读标题和重点，也很有价值」的文章。排版就是为了让这一点显而易见。

现在，打开 Typora，用 Markdown 写你的下一篇文章，然后用 mdnice 排版，3-5 分钟搞定。剩下的 55 分钟，专注于内容本身。这才是高效的公众号运营。