在线公众号排版器
用 Markdown 排版你的公众号文章
欢迎使用 在线公众号排版器!在左侧输入 Markdown,右侧即可实时预览排版效果,满意后点击「复制到公众号」,粘贴到公众号后台即可。
一、为什么需要排版
好的排版能让读者更专注内容。本工具会自动为标题、引用、加粗、代码等元素套用主题样式,全部以内联样式输出,微信编辑器不会丢失格式。
排版不是装饰,而是为了让阅读更舒适。
—— 一位资深新媒体编辑
二、支持的常用语法
- 加粗 会自动使用主题色,突出重点
- 斜体 与
删除线用于弱化或标注 - 有序列表适合步骤说明
- 行内代码
const a = 1清晰醒目
- 第一步:选择喜欢的主题
- 第二步:调节字号与行距
- 第三步:复制并粘贴到公众号
三、代码块示例
function greet(name) {
return `Hello, ${name}!`
}
console.log(greet('公众号'))
四、表格与链接
| 元素 | 效果 | 说明 |
|---|---|---|
| 标题 | 主题装饰 | 四种标题样式可选 |
| 引用 | 色条浅底 | 突出金句 |
| 链接 | 主题色 | 自动下划线 |
更多工具请访问 W3CTool 在线工具。
现在开始,把你的文章排得漂亮一点吧!
📖 什么是在线公众号排版器
在线公众号排版器是一款基于 Markdown 的微信公众号文章排版工具。你在左侧用 Markdown 专注写作,右侧即可实时预览排版效果; 工具内置 8 款精美主题,并可自由调节主题色、字号、行距、段距与标题样式。由于微信编辑器会剥离 class 与 style 标签, 本工具生成的 HTML 全部采用「内联样式」,点击「复制到公众号」后直接粘贴到公众号后台,即可完整保留排版效果。全程浏览器本地运行,内容不上传。
🧩 支持的 Markdown 语法
| 元素 | 写法 | 排版效果 |
|---|---|---|
| 标题 | # / ## / ### | 带主题装饰的分级标题 |
| 加粗 / 斜体 | **粗** / *斜* | 加粗自动使用主题色 |
| 删除线 | ~~文字~~ | 灰色删除线 |
| 引用 | > 引用内容 | 左侧色条 + 浅色背景 |
| 无序 / 有序列表 | - 项 / 1. 项 | 标准缩进列表 |
| 行内代码 | `code` | 浅底红字等宽字体 |
| 代码块 | ```语言 | 深色背景代码框 |
| 链接 | [文字](url) | 主题色 + 下划线 |
| 图片 |  | 居中圆角自适应宽度 |
| 表格 | | 列 | 列 | | 主题色表头 + 边框 |
| 分割线 | --- | 主题色虚线 |
📝 使用说明
⚠️ 温馨提示
❓ 常见问题
Q1: 排版后怎么用到公众号?
点击「复制到公众号」按钮,工具会把带内联样式的富文本复制到剪贴板;然后打开微信公众号后台的图文编辑器,直接 Ctrl+V 粘贴,样式即可保留。
Q2: 为什么粘贴后样式会丢失?
微信编辑器会过滤 class、<style> 标签和大部分属性,只保留内联 style。本工具生成的 HTML 全部使用内联样式,因此能正常保留。若仍丢失,请确认是用「复制到公众号」按钮而非手动选中文本复制。
Q3: 支持哪些 Markdown 语法?
支持标题、加粗、斜体、删除线、引用、有序/无序列表、行内代码、代码块、链接、图片、表格、分割线等常用 GFM 语法,覆盖公众号排版的绝大多数需求。
Q4: 图片和代码块能正常显示吗?
图片请使用可公开访问的网络地址(粘贴到公众号后台后建议重新上传到微信素材库);代码块会渲染为深色背景样式,但公众号对长代码支持有限,超长代码建议截图或分段展示。
Q5: 可以自定义主题色和字号吗?
可以。除 8 款预设主题外,你能在「排版设置」中自由调节主题色、正文字号、行距、段间距和标题装饰样式,右侧预览实时同步、所见即所得。
Q6: 内容会上传到服务器吗?
不会。本工具完全在浏览器本地运行,你输入的 Markdown 与生成的 HTML 都不经过任何服务器,隐私安全,可放心使用。
💡 使用场景
| 场景 | 说明 | |
|---|---|---|
| 📰 | 公众号推文 | 把写好的文章一键排版成精美图文,粘贴到公众号后台 |
| ✍️ | Markdown 写作 | 用 Markdown 专注写作,右侧实时预览排版效果 |
| 🎨 | 统一风格 | 为系列文章套用同一主题,保持品牌视觉一致 |
| 🚀 | 快速发布 | 省去反复调格式的时间,几分钟产出专业排版 |
| 📋 | 多平台分发 | 生成的内联样式 HTML 也可用于知乎、简书等富文本平台 |
| 🧪 | 样式试验 | 自由调节主色、字号、行距,找到最舒适的阅读排版 |