排版工坊
Markdown 所见即所得
0字数
0段落
0标题
MARKDOWN 输入
0字
0段
0标题
支持标题 / 列表 / 表格 / 引用 / 代码 / 分割线 · 格式随输入自动应用

怎么用

  1. 右边写 Markdown:支持标题、列表、引用、表格、代码块、图片、加粗斜体删除线;也可以点「示例」直接看一份全元素样例。
  2. 左边预览、左边调:预览区上方的工具栏里点「排版风格」,20 套主题一键切换,标题层级、行距、段距、引用块配色都会同步;预览区还能直接手动改字,改完照样能复制。
  3. 一键复制到公众号:所有样式会写成内联 style,粘贴进公众号编辑器不跑版;也可以「复制 HTML」拿源码,或「下载 HTML」存成独立文件。
  4. 草稿自动留存:输入的内容边写边存在本机,下次打开还在原处;Ctrl+S 或点保存键可再另存一份到本地草稿箱,随时取回——全程 localStorage,不经过任何服务器。
  5. 长稿两头对照:右栏标题行的「联动定位」默认关闭;打开后点预览里任意一段,源码就滚到对应行,反过来点源码某一行,预览也滚到对应段落,改长文不用来回翻找。

常见问题

文章会被上传吗?

不会。Markdown 解析、主题套用、内联样式生成、草稿保存全部在你的浏览器里完成,页面不发起任何上传请求,断网也能用。

为什么粘到公众号会跑版?

公众号编辑器会剥掉 <style> 和 class,只认写在标签上的内联 style。本工具导出前会把每套主题的样式逐条压成内联属性,所以粘贴后标题层级、行距、引用块配色都能保住。

图片和封面怎么处理?

正文图片必须先用公众号后台素材库上传得到公网地址,本地路径或临时链接在公众号里显示不出来。分享封面建议 1200×630,可以先用图片工具把尺寸和体积压到位再上传。

字号和行距有安全值吗?

手机端正文 15-16px、行高 1.8-2.0、段后距 14-20px 最稳;标题别超过 22px,否则在小屏上会挤成两三行。本工具 20 套主题实测正文 15-17px、行高 1.8-2.15、段后距 14-26px,其中 17 套落在上面的建议区间内;偏大的几套(极简留白段后距 26px、大字易读正文 17px)是刻意做的呼吸感与易读版,不用自己调。

支持 Markdown 表格和代码块吗?

支持。表格可以用「插入表格」设定行列数,代码块保留等宽字体与底色;两者都会被转成公众号能接受的表格 / 段落结构。

「联动定位」是什么?会带进导出文件吗?

它是右栏标题行上一个默认关闭的开关:打开后,点预览里的某一段,Markdown 会滚到对应源码行;点源码某一行,预览会滚到对应段落。实现上给每个渲染块临时挂一个源码行号标记,复制到公众号或下载 HTML 前会全部清除,导出产物与不开联动时完全一致。

表格粘到公众号,手机上会飘出屏幕吗?

不会。微信编辑器会把它收到的表格按粘贴那一刻的渲染宽度烤成固定像素列宽,所以本工具在复制或下载的那一刻把表格改写成微信不再改写的结构;同时把「表格固定布局、单元格允许断词、代码块允许换行」做成 20 套主题共同的约束,换主题也挤不掉。实测 20 套主题 × 320/375/414px 三档共 60 项测量溢出 0px,导出产物里真表格标签 0 个。代价是多列表格改为等宽列;含合并单元格的表格不做改写,仍原样交给微信。

相关指南