Markdown 直接粘贴进公众号会丢样式,因为公众号编辑器不解析 Markdown,而且只保留写在标签上的内联样式。解决办法是先把 Markdown 转成带内联样式的富文本:在这个免费排版工具里左侧写、右侧实时预览,点「复制预览内容」后粘贴进公众号即可。图片需要在公众号后台重新上传。
我的文章都是用 Markdown 写的,写完要发公众号时总会卡一下:后台编辑器不认 Markdown,直接粘贴过去,标题、列表、代码块的样式全丢。手工一段段调格式,一篇文章要多花半小时。所以我写了一个小工具,专门干这一件事:公众号 Markdown 排版工具。
一、为什么直接粘贴会丢样式
公众号的编辑器接收的是「带样式的富文本」。它有两个脾气:
- 不解析 Markdown 语法。# 号、星号会被当成普通字符原样显示。
- 只保留写在标签上的内联样式。从普通网页复制过来的内容,样式大多写在外部样式表里,粘贴时会被丢掉,于是字号、颜色、间距全变回默认。
所以一个能用的排版工具必须做两步:先把 Markdown 转成 HTML,再把每个标签需要的样式直接写进标签的 style 属性。第二步才是关键,也是很多通用 Markdown 预览工具粘贴后走样的原因。
二、这个工具做了什么
| 功能 | 说明 |
|---|---|
| 实时预览 | 左边写 Markdown,右边立刻显示公众号里的效果 |
| 内联样式 | 复制出去的内容样式已写在标签上,粘贴进公众号不走样 |
| 文字颜色 | 选中文字后点「颜色」,从预设色或取色器里选一种,给局部文字上色 |
| 两种复制 | 「复制预览内容」用于粘贴进公众号;「复制 HTML」拿到源码,可用于其他平台 |
| 草稿自动保存 | 内容保存在本机浏览器里,刷新页面不会丢 |
| 费用与账号 | 免费,不用登录,内容不上传服务器 |
三、五步用法
- 打开工具页面,把写好的 Markdown 粘贴到左侧编辑区(也可以直接在里面写)。
- 看右侧预览,确认标题层级、列表和表格都正常。
- 需要强调的句子,选中后点「颜色」上色,颜色尽量和公众号的整体风格一致。
- 点「复制预览内容」,看到「已复制」的提示。
- 回到公众号后台,在正文区直接粘贴,然后上传图片、检查一遍再发布。
编辑区上方有加粗、斜体、标题、列表等按钮,页面里还带一份语法速查。标题用 # 号,列表用短横线,记住这两条就够写大部分文章了。
四、最容易踩的四个坑
- 图片要在公众号里重新上传。Markdown 里的图片写的是外部地址,而公众号不显示外部图片。把图片位置留出来,粘贴之后在后台逐张上传最稳妥。
- 外部链接点不了。公众号正文里的普通外链不能跳转,这是平台规则,不是工具问题。重要的地址写成文字,或者放进「阅读原文」。
- 代码块不要太宽。手机屏幕窄,一行很长的代码会出现横向滚动。写的时候手动换行,单行尽量不超过 40 个字符。
- 表格别超过四列。列太多在手机上会挤成一团,改成列表或者拆成两张表更清楚。
五、几个让文章更好读的排版习惯
- 只用两级标题。公众号文章是在手机上一屏一屏看的,层级多了读者会迷路。
- 一段不超过四行。手机上的四行已经是一大块字了。
- 强调色只留一种。加粗和一种颜色足够,颜色越多越像广告。
- 重点结论放在引用块里。读者快速滑动时,引用块是最容易被看到的部分。
六、它不做什么
这个工具很小,边界也很清楚:它不帮你传图、不存云端草稿、不能定时发布,也不做多套花哨模板。它只保证一件事——你在右边看到的样子,粘贴进公众号还是那个样子。
七、总结
用 Markdown 写作的好处是写的时候只管内容。排版这一步交给工具,复制、粘贴、传图、发布,前后一两分钟。工具是免费的,不用登录,打开就能用。
常见问题
Markdown 直接粘贴到公众号为什么样式会丢?
公众号编辑器不解析 Markdown,而且只保留写在标签上的内联样式。需要先把 Markdown 转成带内联样式的富文本再粘贴。
这个排版工具收费吗?要登录吗?
免费,不需要登录。内容只保存在你自己的浏览器里,不会上传到服务器。
图片能跟着一起粘贴进公众号吗?
不能。公众号不显示外部图片地址,需要在粘贴之后到公众号后台把图片逐张上传。
除了公众号,还能用在别的平台吗?
可以。点「复制 HTML」可以拿到带内联样式的 HTML 源码,适用于支持 HTML 的编辑器或邮件模板。
