# 公众号怎么用 Markdown 排版？一键复制富文本全教程（主题样式/代码块美化/外链转脚注）

> 来源：工具派（https://gjupai.com） 原文页面：https://gjupai.com/tutorial/wechat-md-editor-guide

## 为什么你需要在公众号里用 Markdown

写公众号最痛苦的不是写内容，而是排版：后台编辑器手动调样式费时费力，样式不统一，代码块贴进去直接变成一坨纯文本。技术博主和自媒体人早就找到了答案——**用 Markdown 写作，用专门的排版器一键转成公众号富文本**。

「公众号 Markdown 排版器」就是为这个场景做的：左边写 Markdown，右边实时预览（677px 公众号正文宽度，所见即所得），一键复制后直接粘贴到公众号后台，样式完整保留。

## 三步上手

### 第一步：写 Markdown

左侧编辑器支持完整的 Markdown 语法：标题、加粗、引用、列表、表格、代码块、公式、图片。顶部工具栏可以一键插入常用语法；**直接 Ctrl+V 粘贴截图、拖拽图片到编辑器**，图片自动上传并插入（临时托管 24 小时，粘贴到公众号时微信会自动转存为自己的素材）。

### 第二步：选主题与配色

- **8 套主题**：经典蓝、极客黑、橙心、清新绿、樱花粉、暗夜紫、极简白、中国红，覆盖标题层级、引用块、表格斑马纹、分割线全套样式；
- **全文配色**：6 组色板与主题版式独立组合（8×6=48 种视觉方案），也可以用主色取色器自定义一个颜色全局替换；
- **代码块美化**：Mac 风格红黄绿圆点窗口 + 语法高亮 + 可选行号，等宽字体与字号可调；
- **外链转脚注**：公众号正文不允许外链跳转，开启后 `[文字](url)` 自动转为「文字[1]」+ 文末参考链接编号列表——技术文写作刚需。

### 第三步：一键复制到公众号

点击「一键复制到公众号」，然后打开公众号后台正文编辑器 **Ctrl+V** 粘贴。标题样式、引用块、代码高亮、表格、图片、脚注全部保留。

> 小技巧：编辑与实时预览完全免费，只有「复制到公众号 / 导出 HTML」计 1 次；Markdown 源文件下载永久免费。

## 功能清单

| 功能 | 说明 |
| --- | --- |
| 主题样式库 | 8 套版式主题，覆盖主流公众号风格 |
| 全文配色 | 6 组色板独立切换 + 自定义主色 |
| 代码块美化 | 语法高亮、Mac 圆点窗口、行号、字号设置 |
| 外链转脚注 | 链接文字保留 + 文末编号参考链接，可开关 |
| 图片能力 | 粘贴/拖拽/按钮上传，圆角/阴影/居中可调，24h 临时托管 |
| 一键排版 | 标题层级规范化、清理空段、中英文间自动空格、列表符号统一 |
| 草稿箱 | 本机 5 个草稿槽，自动保存 + Ctrl+S |
| 多平台输出 | 微信公众号 / 知乎 / 掘金样式适配 |

## 知识科普：为什么公众号只认「内联样式」

公众号后台编辑器会**过滤掉 class 和 style 标签**，只保留元素上直接写的 `style="..."` 内联样式。这就是为什么直接把渲染好的 HTML 粘进去样式全丢。本工具的核心引擎就是「内联样式化」：把主题样式逐元素写成内联 style，再通过剪贴板以富文本格式写入，粘贴时样式随内容一起过去。

另一个冷知识：公众号正文不允许外链跳转，所以技术文的参考链接需要转成「文末脚注」的形式；而图片在粘贴时微信会自动把外链图片转存为自己的素材，所以临时图床的图片也能稳定存活。

## 常见问题

**1. 复制后粘贴到公众号，样式会丢吗？**
主流样式（标题/引用/表格/代码块/图片）在公众号编辑器中稳定存活。如果微信后台改版导致个别样式丢失，可在反馈入口告诉我们。

**2. 免费额度怎么算？**
编辑、预览、草稿、图片上传全部免费；「一键复制到公众号 / 导出 HTML」每次计 1 次（每日免费 5 次，登录可用，会员无限次）。Markdown 源文件下载永久免费。

**3. 上传的图片会保存多久？**
图片临时托管 24 小时，生成后请尽快粘贴到公众号——微信转存后与本站无关，不受清理影响。

**4. 数学公式能粘贴过去吗？**
行内公式 `$E=mc^2$` 与行间公式 `$$...$$` 会渲染为 HTML 输出；公众号环境缺少公式字体，复杂公式建议截图插入。

**5. 10 万字长文会卡吗？**
文档上限 10 万字符，编辑与预览做了 300ms 节流渲染，长文依然流畅；超长建议分篇。

## 相关工具

- [Markdown 编辑器](/tools/markdown_editor)：写通用文档用，支持导出 HTML/PDF
- [图片压缩](/tools/image_compress)：图片上传前压缩，加快粘贴速度
- [AI 标题生成器](/tools/ai_title_generator)：写完正文，让 AI 起个爆款标题