📰

Markdown 转公众号 · 使用说明

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

Markdown 转公众号 是一款专为微信公众号作者打造的在线 Markdown 排版工具。左侧写 Markdown,右侧实时预览成公众号风格文章,一键复制即可粘到公众号后台,所有样式原样保留——这是市面上普通 Markdown 编辑器做不到的。

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

支持的 Markdown 语法

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

三套预设主题

  • 极客黑:深色代码块 + 紫色强调 + 衬线正文,适合技术博主
  • 典雅紫:米白背景 + 紫色装饰 + 居中引号,适合深度长文
  • 简约白:纯净黑白 + 大行距 + 零装饰,适合公告 / 随笔

使用流程:写 Markdown → 切主题 → 点「复制到公众号」→ 粘到公众号后台。全程在浏览器本地完成,无需登录、无上传、无追踪。

📍使用场景

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

常见问题

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

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

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

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

支持代码语法高亮吗?

首版暂不支持代码语法高亮(关键字染色),但代码块本身会用深色卡片 + 等宽字体 + 合适内边距呈现。后续版本会加上公众号兼容的语法高亮。

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

暂不支持。公众号后台本身不支持 KaTeX、Mermaid 这类需要 JS 的渲染,即使本工具做了,粘贴过去也会失效。变通方式是把公式/图表截图后以图片插入,就是公众号通行做法。

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

写 `!alt` 外链图片在本工具预览里能看到,粘到公众号后公众号会要求图片是腾讯域名的地址,外链图片一般显示不出来。建议:在公众号后台先上传图片得到公众号图片 URL,再粘到 Markdown 里。或者先只留占位文字,在公众号里手动插入图片。

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

不会——所有渲染、复制、下载都在浏览器本地完成,没有任何网络请求。写的内容会保存在浏览器的 `localStorage`(键名 `toolbox_md2wechat_content`)以便刷新后恢复,清浏览器数据即可删除。

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

首版只提供「极客黑 / 典雅紫 / 简约白」三套预设。后续会开放字号、颜色、圆角、边距等参数的微调,并支持保存自己的主题到本地。

移动端能用吗?

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

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