五岁 MD 排版编辑器使用指南

一款为内容创作者打造的 Markdown 排版工具。 支持微信公众号、知乎、掘金等主流平台，移动端与 PC 端均可使用。 本文将带你从基础语法到高级功能，全面掌握编辑器的使用方法。

---

编辑器简介

五岁 MD 排版编辑器以 Markdown 语法为输入方式，自动将内容转换为适合各平台发布的精美格式。

核心亮点：

• 🎨 内置多套精心设计的主题模板，一键切换风格
• 📤 支持导出为 PDF 或 Markdown 格式
• 📱 移动端与 PC 端全适配
• ✍️ 专为微信公众号、知乎、掘金等平台优化

如果你在使用过程中遇到问题或有改进建议，欢迎通过微信公众号联系我们。

---

一、Markdown 基础语法

标题

在文本前添加 # 符号设置标题层级，# 数量越多，层级越低：

```markdown

一级标题

二级标题

三级标题

```

💡 小提示：如果发布平台已有单独的标题填写区域（如微信公众号），建议文章内不使用一级标题，从二级标题开始即可，避免重复。

---

列表

无序列表：使用 - 加空格开头

有序列表：使用 数字. 开头

多级列表：通过缩进实现嵌套（微信公众号最多支持二级）

---

文字样式

样式	语法	效果
粗体	**文字**	这是粗体
斜体	*文字*	这是斜体
粗斜体	***文字***	这是粗斜体
删除线	~~文字~~	这是删除线

---

链接

微信公众号 仅支持内部链接（https://mp.weixin.qq.com/ 开头）。

外部链接 可使用"微信外链转脚注"功能，将链接以参考资料形式展示在文章末尾。

示例：免费 Markdown 排版工具

---

引用块

使用 > 符号创建引用，支持嵌入标题、链接、图片等元素：

引用标题

这是引用内容

相关链接

---

表格

使用冒号控制列的对齐方向（:--- 左对齐，:---: 居中，---: 右对齐）。

💡 宽表格支持横向滚动，可在自定义主题中调整宽度。

---

分割线

三个 - 创建分割线，注意上方需空一行，否则会被解析为标题格式。

---

图片插入

基本语法：![图片描述](/img/md-nice-editor-guide/图片/img/md-nice-editor-guide/URL "描述" "图片描述")

在 /img/md-nice-editor-guide/URL “描述” 后添加尺寸参数可控制显示大小：

• 指定宽高：![描述](/img/md-nice-editor-guide//img/md-nice-editor-guide/URL "描述" =240x120 "描述")
• 仅指定宽度：![描述](/img/md-nice-editor-guide//img/md-nice-editor-guide/URL "描述" =40%x "描述")

支持格式：jpg、png、gif、svg（svg 仅在微信公众号中可用）

---

二、高级功能

代码高亮

适用平台： 微信公众号、知乎

行内代码使用单个反引号，代码块使用三个反引号并在首行指定语言名称。

支持语言包括： bash cpp css dart go java javascript json kotlin python rust sql typescript yaml 等 40+ 种语言。

⚠️ 微信代码块注意事项：

• 必须指定语言名称才能触发高亮
• 粘贴到公众号后需点击代码块内外各一次以激活高亮效果
• diff 语法需使用非微信主题才能正常显示

---

数学公式

适用平台： 微信公众号、知乎

• 行内公式：用 $ 包裹，如 $E = mc^2$
• 块公式：用 $$ 包裹，独立成行展示

⚠️ 文章含大量公式时，Chrome 可能出现卡顿，建议改用 Firefox 浏览器粘贴。

---

脚注功能

适用平台： 微信公众号、知乎

语法：[文字](说明文字 "脚注标题")

脚注内容会自动汇总显示在文章末尾的「参考资料」区域。

---

目录生成

适用平台： 微信公众号、知乎

在文章中插入 [TOC] 标签，即可自动生成含二级和三级标题的目录。

---

注音标注

适用平台： 微信公众号

语法：{汉字|拼音}

示例：公众号 “{五岁小孩|wǔ suì xiǎo hái}” 是五岁小孩的个人博客同名公众号。

---

横向滑动图片

适用平台： 微信公众号

使用 <![](/img/md-nice-editor-guide/url "](url),!["),![](/img/md-nice-editor-guide/url "](url),![")> 语法创建可左右滑动的图片组，适合展示多张图片。

---

图片卡片

将图片与链接结合，创建可点击的卡片效果：

语法：[![卡片图片](/img/md-nice-editor-guide/图片/img/md-nice-editor-guide/URL "描述" "图片描述")](/img/md-nice-editor-guide/跳转链接 "卡片图片](图片/img/md-nice-editor-guide/URL "描述")")

---

HTML 内联样式

支持通过 HTML 标签进行精细排版控制，例如设置文字颜色和对齐方式：

<span style="display:block;text-align:center;color:orangered;">居中橙色文字</span>

居中橙色文字

---

三、功能速查表

功能	语法	适用平台
标题	# 标题	全部
粗体	**文字**	全部
斜体	*文字*	全部
删除线	~~文字~~	全部
无序列表	- 项目	全部
有序列表	1. 项目	全部
链接	[文字](/img/md-nice-editor-guide/URL "描述")	全部（微信限内链）
图片		全部
表格	| 列 | 列 |	全部
引用块	> 内容	全部
分割线	---	全部
行内代码	反引号包裹	全部
代码块	三个反引号+语言	微信、知乎
数学公式	$公式$	微信、知乎
脚注	[文字](说明 "标题")	微信、知乎
目录	[TOC]	微信、知乎
注音	{汉字|拼音}	微信
横向滑动	<,>	微信

---

更多资源

• 🔧 五岁 MD 排版编辑器 — 在线使用
• 📖 五岁博客 — 更多教程
• 🛠️ 五岁小站 — 实用工具集合