写完 Markdown 还要手动排版?我写了个 VS Code 插件一键搞定微信公众号、知乎、小红书
写完 Markdown 还要手动排版?我写了个 VS Code 插件一键搞定微信公众号、知乎、小红书
作为一个用 Markdown 写所有东西的牛马,最烦的事情不是写文章本身,而是写完之后的”排版搬运”——
微信公众号编辑器不认 Markdown,公式渲染不了,代码块丑得没法看。知乎编辑器好一点但也有各种格式丢失。小红书更别提了,想发个技术笔记还得截图……
每次写完一篇技术博客,光是把内容搬到各个平台就要花半小时甚至更久。写作 20 分钟,排版 2 小时,这也太离谱了。
所以我花了一天时间(当然是和 Claude 一起),撸了一个 VS Code 插件:MD2WeChat。
它能干什么?
一句话:在 VS Code 里写完 Markdown,一键生成微信公众号 / 知乎 / 小红书三个平台的排版内容。

具体功能:
- 📋 复制微信:一键复制排版好的 HTML,直接粘贴到微信公众号编辑器,格式完美保留
- 📋 复制知乎:自动适配知乎的排版样式,粘贴即用
- 📱 导出小红书:生成适合小红书的图片截图,直接发帖
- 📐 LaTeX 公式:支持行内
$...$和独立$$...$$公式块,基于 KaTeX 渲染,微信公众号里也能显示公式了 - 🖼️ 图片说明文字:Markdown 图片的 alt 文本自动渲染为居中灰色 caption
- 👁️ 实时预览:右侧独立预览面板,保存即刷新
- 🎨 修改样式:内置 CSS 编辑器,所见即所得
- ☁️ 上传公众号:直接上传到微信草稿箱(通过 FastPen 服务)
- 💾 导出 HTML:导出带完整内联样式的 HTML 文件
图片自动转 Base64 内嵌,不需要图床。这点对我来说太重要了,不用再折腾图床链接。
怎么用?
安装
目前支持两种安装方式:
方式一:VS Code 扩展市场搜索 MD2WeChat 一键安装(推荐)
方式二:从源码安装
git clone https://github.com/marsggbo/md2wechat.git
cd md2wechat
npm install
# 在 VS Code 中打开并按 F5 启动调试
使用
- 在 VS Code 里打开任意
.md文件 - 快捷键
Cmd+Shift+W(macOS)/Ctrl+Shift+W(Windows/Linux) - 右侧弹出预览面板,顶部工具栏选择你要的操作
就这么简单。写完 Markdown,按一下快捷键,点「复制微信」,去公众号编辑器里 Cmd+V,完事。
公式效果
行内公式 $E = mc^2$ 和独立公式块都支持:
$$
\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}
$$
对于我们这种写技术文章动不动就要插公式的人来说,这个功能是刚需。
为什么不用现有的工具?
市面上做 Markdown 转微信的工具不少,但大多数都有这些问题:
- 不支持公式——对技术写作者来说是硬伤
- 需要在线编辑器——离开了本地 Markdown 工作流
- 不支持多平台——只能转微信,知乎和小红书还得另外处理
- 图片需要图床——多一步操作多一份麻烦
MD2WeChat 的思路就是:不要让你离开 VS Code,不要让你改变写作习惯,写完 Markdown 之后的所有事情插件帮你搞定。
插件刚写好,功能还在迭代中,欢迎试用和反馈。有 bug 或者 feature request 直接去 GitHub 提 issue 就行:
👉 https://github.com/marsggbo/md2wechat
觉得有用的话顺手给个 star 哈哈。