📰

Markdown 转公众号 · 使用说明

Markdown 实时预览·多主题排版·一键复制到公众号保留样式

Markdown 转公众号 是一款专为微信公众号作者打造的在线 Markdown 排版工具。左侧写 Markdown,右侧实时预览成公众号风格文章,一键复制即可粘到公众号后台,尽量保留正文样式;对公众号原生不支持的内容,如公式和 Mermaid 流程图,则会在复制阶段转换成图片兼容。

核心设计思路:内联样式

公众号后台会剥掉 class<style> 块、<script> 等大部分 HTML 构造,只保留元素上的 style 属性(即 inline style)。所以本工具把主题样式直接内联到每个 <h1><p><code> 标签上,粘贴后样式 1:1 保留。

支持的 Markdown 语法

语法示例
标题# 一级## 二级### 三级
文字强调**加粗***斜体*~~删除线~~`行内代码`
链接 / 图片[文字](URL)![描述](图片URL)
列表- 无序1. 有序,支持嵌套
引用> 引用内容
代码块```language 语法
表格标准 GFM 表格
分隔线---
数学公式$$ ... $$
Mermaid```mermaid 语法

主题与定制

  • 预设主题极客黑典雅紫简约白赤陶橙科技蓝翡翠绿
  • 可调参数:字号、行高、段间距、对齐方式、首行缩进、主色、圆角、代码高亮主题
  • 本地保存:主题选择和大部分定制参数会保存在浏览器本地

使用流程

  1. 写 Markdown
  2. 选主题并按需微调样式
  3. 如有公式或 Mermaid,先在预览里确认效果
  4. 点「复制到公众号」
  5. 粘到公众号后台,再按需补传图片或做最后微调

核心流程在浏览器本地完成,无需登录;正文内容不会提交到你们服务器。

📍使用场景

  • 公众号技术文用「极客黑」主题,代码块、行内代码、表格自动套上深色卡片与紫色强调色,技术文阅读体验直接拉满。
  • 深度长文 / 随笔「典雅紫」主题带衬线字体与居中引号装饰,适合书评、观点文章,读起来更像纸质杂志。
  • 公告 / 说明「简约白」主题纯净黑白、大行距,适合版本更新、活动公告、团队介绍,信息清晰不喧宾夺主。
  • 从 Typora / VSCode 迁移本地 Markdown 文件直接全选复制到左侧,即可一键转成公众号格式,不用再手工逐段调样式。

常见问题

为什么复制到公众号后样式还能保留?公众号不是会把 class 都删掉吗?

是的——公众号编辑器会剥掉 class 和 <style>,所以本工具不使用 class,而是把每个标签的样式直接写到 style 属性里(即 inline style)。公众号保留 inline style,所以粘贴后样式完整保留。这也是我们不能做「点击切换深色主题」的原因——inline 的颜色不会跟着公众号主题变。

复制后粘到公众号是图片还是文字?能否继续编辑?

带样式的文字(富文本),可以在公众号后台继续改文案、加段落、换图,样式不会丢。不是截图。

支持代码语法高亮吗?

支持。当前工具已经内置多套代码主题,代码块会被转成适合公众号粘贴的inline 着色 HTML。要注意的是,代码越长、颜色层级越多,复制后的 HTML 体积也会明显变大,所以长代码块仍建议适度精简或拆段。

支持数学公式 / 流程图 / 思维导图吗?

支持公式和 Mermaid 流程图的编辑与复制,但兼容策略不是把 JS 一起带进公众号,而是在复制时把这类内容转成图片再粘贴。也就是说,工具里能写、能预览,贴到公众号后会以图片形式保留,而不是依赖公众号去执行 KaTeX 或 Mermaid。

图片怎么办?写 Markdown 里的图片链接能直接显示吗?

外链图片在工具预览里通常能看到,但粘到公众号后是否稳定显示,要看图片源站、跨域、防盗链和公众号自身处理。最稳妥的做法仍然是:正文先排版,图片在公众号后台重新上传;如果只是写作阶段,也可以先保留 Markdown 图片占位,等进后台后再手动替换。

内容会上传到你们服务器吗?

核心渲染、复制、下载都在浏览器本地完成,正文内容会保存在浏览器的 localStorage(键名 toolbox_md2wechat_content)里,方便刷新后恢复。需要注意的是,如果你在文中引用了外链图片,浏览器预览阶段仍会去请求这些图片地址;但正文 Markdown 本身不会上传到你们服务器。

几套主题不够用,可以自定义吗?

当前不止 3 套预设主题,已经有 极客黑 / 典雅紫 / 简约白 / 赤陶橙 / 科技蓝 / 翡翠绿 等主题,而且支持字号、行高、段间距、对齐、首行缩进、主色、圆角、代码主题等参数微调,并把设置保存在本地。它还不是“完全自由的主题编辑器”,但已经足够覆盖大多数公众号排版场景。

移动端能用吗?

可以——手机上页面会变成「编辑 / 预览」二选一的 tab 切换,工具栏可横向滚动,主题按钮也支持左右滑动。复制富文本功能依赖系统剪贴板,iOS 15+、Android Chrome 80+ 都支持。

📰 打开 Markdown 转公众号 Markdown 实时预览·多主题排版·一键复制到公众号保留样式