🎁
限时会员 8 折
解锁全部排版模板 · 无限稿件 · 一键导出
立即升级 →
公众号DIY排版器
微信兼容 · 一键复制
编辑
导出
📚

公众号排版完全教程

从 0 到 1 学会使用公众号DIY排版器,30 分钟成为排版高手

12语法
20+模板
3分钟上手
1

三步上手

1️⃣
选一个模板
点左侧「🎬 快速模板」或「📁 我的内容 → ⭐ 模板」,从 20+ 个模板中选一个适合你的。
2️⃣
改文字
在中间编辑器直接改,右侧会实时预览效果。改错了按 Ctrl+Z 撤销。
3️⃣
复制到公众号
点右上角「📤 复制公众号」→ 内容自动复制 → 去公众号编辑器 Ctrl+V 粘贴。
💡
提示:新手推荐从「📰 新闻资讯」或「📝 心情随笔」模板开始,改起来最简单。
2

核心语法

排版器用的是类 Markdown 语法,记住这几个最常用的就够了。

📌 标题
语法效果说明
# 文字一级标题居中加粗,常用于文章大标题
## 文字二级标题左侧带竖条,用于章节小标题
### 文字三级标题加粗,用于段落标题
📄 段落与分隔
语法效果
---粗实线分隔
===粗实线分隔
***点状虚线分隔
::divider|❖❖❖::装饰分割线(带 emoji)
✨ 文字样式
语法效果
**文字**加粗
==文字==高亮
{red|文字}红字加粗
{blue|文字}蓝字加粗
{gray|文字}灰色文字
{bg-yellow|文字}黄底文字
{bg-blue|文字}蓝底文字
[center]文字[/center]居中文字
3

排版组件

这些是公众号排版的核心武器,用好它们,文章立马高大上。

🎯 栏目条 ::bar::
::bar|#2563eb|栏目标题::栏目内容::end::
带左侧竖条 + 加粗标题的内容块,用于突出章节。
栏目标题
栏目内容
💬 导语 ::lead::
::lead::这里是导语内容::end::
灰色小字,用于文章开头的摘要或引导语。
💡 提示框
::info::信息提示::end::
::warn::警告提示::end::
::success::成功提示::end::
蓝底信息 / 黄底警告 / 绿底成功,三种样式的提示框。
🃏 卡片 ::card::
::card::卡片内容::end::
白色卡片 + 边框,用于突出重要信息。
💎 金句 ::quote-gold::
::quote-gold::值得记住的一句话::end::
浅黄色背景 + 金色竖条,用于文章中的金句/名言。
🔢 编号步骤 ::step::
::step|1|标题::内容说明::end::
圆形编号 + 标题 + 内容,用于教程/攻略类文章。
📊 数据卡 ::stat::
::stat|数值|说明::end::
大号数字 + 小字说明,用于展示关键数据。
🏷️ 标签 ::tag::
::tag|标签文字::
胶囊形标签,用于文章末尾打标签。
🔘 按钮 ::btn::
::btn|按钮文字::
居中圆角按钮,用于引导点击。
🎨 高亮条 ::highlight-bar::
::highlight-bar|重点内容::
蓝底白字,用于突出关键词。
🎨 自定义色块 ::box::
::box|#f0f7ff|#2563eb|10px::内容::end::
背景色 | 边框色 | 圆角,用于自定义样式。
📖 引用 >
> 引用内容
Markdown 原生引用,带左侧竖条 + 浅色背景。
📋 列表
- 无序列表项
1. 有序列表项
圆点列表 / 数字列表。
🖼️ 图片
![图片](图片URL)
![图片](图片URL|图注)
插入图片,可选图注(显示在图片下方居中)。
4

文字样式速查

# 标题一级标题
## 标题二级标题
### 标题三级标题
**加粗**加粗
==高亮==黄底高亮
{red|红字}红色加粗
{blue|蓝字}蓝色加粗
{gray|灰字}灰色文字
{bg-yellow|黄底}黄色背景
{bg-blue|蓝底}蓝色背景
[center]居中[/center]居中显示
- 无序圆点列表
1. 有序数字列表
---实线分隔
***点状分隔
5

快速模板使用

🎬 内置模板库

点顶部「🎬 快速模板」按钮,打开模板库,包含以下分类:

  • 📰 新闻资讯 — 活动报道、行业资讯、官方公告
  • 💼 商业产品 — 产品介绍、服务介绍、职场干货、房产资讯、汽车资讯、理财入门、招聘信息
  • 🌿 生活日常 — 美食探店、旅行攻略、心情随笔、母婴育儿、宠物养护、游戏攻略、星座运势、情感故事
  • 🎓 教育健康 — 课程招生、健康科普、科技测评、法律科普、读书笔记

点任意模板 → 编辑器内容立即替换 → 改文字即可用。

⭐ 我的模板

左侧「📁 我的内容」→ 切到「⭐ 模板」Tab,可以:

  • 保存当前内容为模板:点「+ 存为模板」起名即可
  • 一键调用:点模板名称,编辑器内容立即替换
  • 删除模板:鼠标悬停模板 → 点 ×

提示:我的模板存在浏览器本地,最多 50 个,不会上传服务器。

6

复制到公众号

📤 正确操作流程
  1. 点顶部「📤 复制公众号」按钮
  2. 弹出的窗口里内容已自动全选
  3. 按 Ctrl+C(Mac:⌘+C)
  4. 点「复制完成,关闭」
  5. 打开公众号后台 → 新建图文 → 光标放在正文区
  6. 按 Ctrl+V 粘贴
⚠️
注意:复制前会自动清洗样式(去掉微信不支持的 CSS),保证粘贴后效果一致。
🔍 遇到问题?

如果粘贴后样式乱了:

  • 点「🔍 自检」,检查是否有不兼容样式
  • 确认你用的是公众号后台(不是第三方编辑器)
  • 试试「📋 纯文本」只复制文字
7

常见问题 FAQ

Q:编辑的内容会保存吗?
A:会自动保存到浏览器本地。清空浏览器数据会丢失,建议重要内容点「📥 导入」备份。
Q:为什么复制到公众号后样式变了?
A:公众号会过滤部分 CSS(如 box-shadow、渐变)。本工具复制时会自动清洗这些样式,替换为兼容写法。
Q:可以插入自己的图片吗?
A:可以。用 ![图片](图片URL) 语法,图片 URL 需要是公开可访问的链接(如图床)。
Q:模板可以自定义吗?
A:可以。左侧「我的内容」→「⭐ 模板」→「+ 存为模板」,把当前编辑的内容存为模板。
Q:为什么要注册?
A:游客可以编辑、预览。但复制到公众号、导出、保存稿件需要注册(免费)。
Q:会员有什么用?
A:会员解锁无限稿件、导出 HTML/TXT、导入、去水印等高级功能。
8

快捷键

保存
Ctrl+S
撤销
Ctrl+Z
重做
Ctrl+Y
加粗
Ctrl+B
🎉
恭喜你读完了!
现在回到 排版器首页,开始创作你的第一篇公众号文章吧。
🚀
北途信息 · 更多开发工具
小程序 · H5 · 排版工具定制,点击查看案例
查看详情 →