doocs/md:微信公众号 Markdown 编辑器,写 MD 直接变图文排版

前言

微信公众号后台的富文本编辑器,说过分点,是阻碍中文技术写作的最大障碍之一。

格式刷来刷去、代码块要手动调样式、图片要一张张上传 —— 写一篇带代码的技术文章,排版时间跟写作时间差不多。

doocs / md 把流程变成了:写 Markdown → 实时预览微信图文效果 → 一键复制到公众号后台。你只需要关心内容,排版它帮你搞定。

它解决的核心问题

微信公众号不支持 Markdown。你在 Typora 里写得漂漂亮亮的文章,复制到公众号后台全乱套 —— 标题变成普通文字、代码块失去高亮、表格塌成一行。

doocs / md 在浏览器里实时渲染 Markdown,输出的是微信图文兼容的 HTML + 内联 CSS。你看到的效果,就是公众号后台的效果。

功能一览

  • Markdown 实时渲染:左边写 MD,右边看效果
  • 代码高亮:支持多种语言,跟 GitHub 一样的配色
  • 数学公式:KaTeX 渲染,适合技术干货
  • 流程图 / 时序图:Mermaid 和 PlantUML 都支持
  • 图床集成:支持 OSS、COS、S3、GitHub 等存储,图片自动上传
  • AI 写作辅助:封装了 DeepSeek、OpenAI 等模型 API,可以帮你润色、扩写
  • 本地草稿:基于 IndexedDB,关了浏览器也不会丢

Docker 部署

Terminal window
docker run -d \
--name doocs-md \
-p 8080:80 \
--restart unless-stopped \
doocs/md:latest

打开 http://你的IP:8080 就能用了。不需要数据库,不需要额外配置。

使用流程

  1. 打开 doocs / md 页面
  2. 左边写 Markdown,右边实时看到微信效果
  3. 调试满意后点「复制」按钮
  4. 到公众号后台编辑器里 Ctrl + V 粘贴
  5. 微调一下图片位置(如果有的话),发布

整个过程,排版这个环节几乎被压缩到零。

跟直接写 Markdown 然后转 HTML 有什么区别?

市面上有不少 Markdown 转微信的工具,但大部分是一次性转换 —— 写完了转成 HTML,发现格式不对,退回去改 MD,再转一遍。

doocs / md 的实时预览省掉了这个循环。你写的时候就知道最终效果,改完复制就行。

而且它专门针对微信公众号的样式规范做了适配:字体大小、行间距、代码块配色,都是按照手机屏幕上的阅读体验调的。

总结

如果你经常写公众号技术文章,doocs / md 能省掉你一半以上的排版时间。Docker 一行命令部署,打开浏览器就能用。

从「写 MD → 导出 → 复制 → 粘贴 → 调格式 → 再调 → 发布」变成「写 MD → 复制 → 粘贴 → 发布」。少掉的这几个步骤,省下的不止是时间,还有耐心。