Markdown 实时预览·多主题排版·一键复制到公众号保留样式
Markdown 转公众号 是一款专为微信公众号作者打造的在线 Markdown 排版工具。左侧写 Markdown,右侧实时预览成公众号风格文章,一键复制即可粘到公众号后台,尽量保留正文样式;对公众号原生不支持的内容,如公式和 Mermaid 流程图,则会在复制阶段转换成图片兼容。
公众号后台会剥掉 class、<style> 块、<script> 等大部分 HTML 构造,只保留元素上的 style 属性(即 inline style)。所以本工具把主题样式直接内联到每个 <h1>、<p>、<code> 标签上,粘贴后样式 1:1 保留。
| 语法 | 示例 |
|---|---|
| 标题 | # 一级、## 二级、### 三级 |
| 文字强调 | **加粗**、*斜体*、~~删除线~~、`行内代码` |
| 链接 / 图片 | [文字](URL)、 |
| 列表 | - 无序、1. 有序,支持嵌套 |
| 引用 | > 引用内容 |
| 代码块 | ```language 语法 |
| 表格 | 标准 GFM 表格 |
| 分隔线 | --- |
| 数学公式 | $$ ... $$ |
| Mermaid | ```mermaid 语法 |
极客黑、典雅紫、简约白、赤陶橙、科技蓝、翡翠绿核心流程在浏览器本地完成,无需登录;正文内容不会提交到你们服务器。
是的——公众号编辑器会剥掉 class 和 <style> 块,所以本工具不使用 class,而是把每个标签的样式直接写到 style 属性里(即 inline style)。公众号保留 inline style,所以粘贴后样式完整保留。这也是我们不能做「点击切换深色主题」的原因——inline 的颜色不会跟着公众号主题变。
是带样式的文字(富文本),可以在公众号后台继续改文案、加段落、换图,样式不会丢。不是截图。
支持。当前工具已经内置多套代码主题,代码块会被转成适合公众号粘贴的inline 着色 HTML。要注意的是,代码越长、颜色层级越多,复制后的 HTML 体积也会明显变大,所以长代码块仍建议适度精简或拆段。
支持公式和 Mermaid 流程图的编辑与复制,但兼容策略不是把 JS 一起带进公众号,而是在复制时把这类内容转成图片再粘贴。也就是说,工具里能写、能预览,贴到公众号后会以图片形式保留,而不是依赖公众号去执行 KaTeX 或 Mermaid。
外链图片在工具预览里通常能看到,但粘到公众号后是否稳定显示,要看图片源站、跨域、防盗链和公众号自身处理。最稳妥的做法仍然是:正文先排版,图片在公众号后台重新上传;如果只是写作阶段,也可以先保留 Markdown 图片占位,等进后台后再手动替换。
核心渲染、复制、下载都在浏览器本地完成,正文内容会保存在浏览器的 localStorage(键名 toolbox_md2wechat_content)里,方便刷新后恢复。需要注意的是,如果你在文中引用了外链图片,浏览器预览阶段仍会去请求这些图片地址;但正文 Markdown 本身不会上传到你们服务器。
当前不止 3 套预设主题,已经有 极客黑 / 典雅紫 / 简约白 / 赤陶橙 / 科技蓝 / 翡翠绿 等主题,而且支持字号、行高、段间距、对齐、首行缩进、主色、圆角、代码主题等参数微调,并把设置保存在本地。它还不是“完全自由的主题编辑器”,但已经足够覆盖大多数公众号排版场景。
可以——手机上页面会变成「编辑 / 预览」二选一的 tab 切换,工具栏可横向滚动,主题按钮也支持左右滑动。复制富文本功能依赖系统剪贴板,iOS 15+、Android Chrome 80+ 都支持。