Markdown 实时预览·多主题排版·一键复制到公众号保留样式
Markdown 转公众号 是一款专为微信公众号作者打造的在线 Markdown 排版工具。左侧写 Markdown,右侧实时预览成公众号风格文章,一键复制即可粘到公众号后台,所有样式原样保留——这是市面上普通 Markdown 编辑器做不到的。
核心设计思路:公众号后台会剥掉 class、<style> 块、<script> 等大部分 HTML 构造,只保留元素上的 style 属性(即 inline style)。所以本工具把主题样式直接内联到每个 <h1>、<p>、<code> 标签上,粘贴后样式 1:1 保留。
支持的 Markdown 语法:
| 语法 | 示例 |
|---|---|
| 标题 | # 一级、## 二级、### 三级 |
| 文字强调 | **加粗**、*斜体*、~~删除线~~、`行内代码` |
| 链接 / 图片 | [文字](URL)、 |
| 列表 | - 无序、1. 有序,支持嵌套 |
| 引用 | > 引用内容 |
| 代码块 | ```language 语法 |
| 表格 | 标准 GFM 表格 |
| 分隔线 | --- |
三套预设主题:
使用流程:写 Markdown → 切主题 → 点「复制到公众号」→ 粘到公众号后台。全程在浏览器本地完成,无需登录、无上传、无追踪。
是的——公众号编辑器会剥掉 class 和 `<style>` 块,所以本工具不使用 class,而是把每个标签的样式直接写到 `style` 属性里(即 inline style)。公众号保留 inline style,所以粘贴后样式完整保留。这也是我们不能做「点击切换深色主题」的原因——inline 的颜色不会跟着公众号主题变。
是带样式的文字(富文本),可以在公众号后台继续改文案、加段落、换图,样式不会丢。不是截图。
首版暂不支持代码语法高亮(关键字染色),但代码块本身会用深色卡片 + 等宽字体 + 合适内边距呈现。后续版本会加上公众号兼容的语法高亮。
暂不支持。公众号后台本身不支持 KaTeX、Mermaid 这类需要 JS 的渲染,即使本工具做了,粘贴过去也会失效。变通方式是把公式/图表截图后以图片插入,就是公众号通行做法。
写 `!alt` 外链图片在本工具预览里能看到,粘到公众号后公众号会要求图片是腾讯域名的地址,外链图片一般显示不出来。建议:在公众号后台先上传图片得到公众号图片 URL,再粘到 Markdown 里。或者先只留占位文字,在公众号里手动插入图片。
不会——所有渲染、复制、下载都在浏览器本地完成,没有任何网络请求。写的内容会保存在浏览器的 `localStorage`(键名 `toolbox_md2wechat_content`)以便刷新后恢复,清浏览器数据即可删除。
首版只提供「极客黑 / 典雅紫 / 简约白」三套预设。后续会开放字号、颜色、圆角、边距等参数的微调,并支持保存自己的主题到本地。
可以——手机上页面会变成「编辑 / 预览」二选一的 tab 切换,工具栏可横向滚动,主题按钮也支持左右滑动。复制富文本功能依赖系统剪贴板,iOS 15+、Android Chrome 80+ 都支持。