你有没有遇到过这种场景？

打开公众号后台，信心满满地准备写一篇长文。标题想好了，大纲列好了，结果一进入编辑器就懵了——没有 Markdown，没有快捷键，排版全靠鼠标点。

如果你不知道什么是 makrdown，强烈建议你先学习一下 markd 语法 ，会极大的提升你排版效率https://markdown.com.cn/basic-syntax/

作为一个程序员，这种体验简直是折磨。

今天我要分享一个真实经历：24 小时内，我一行代码都没写，开发并发布了一个 Chrome 扩展插件。

---

01 微信公众号的"程序员之殇"

先说说背景。

我每天写公众号，但微信的编辑器对技术人群太不友好了。没有 Markdown 支持，想加粗要选中再点按钮，想插入代码块更是难上加难。

更痛苦的是，写好的 Markdown 文章要复制进去，格式全乱。标题大小不对、代码块变成普通文本、列表缩进消失……一篇 2000 字的文章，排版就要花 30 分钟。

我心想：有没有一个插件，能让我在公众号后台直接用 Markdown 写，实时预览，一键插入？

搜了一圈，没找到完全满意的。那干脆自己做一个。

---

02 24 小时，零代码开发

重点来了——这 24 小时里，我一行代码都没写。

全部交给 AI。

我把需求列出来：

• 在公众号编辑页右下角加一个悬浮按钮

• 点击弹出 Markdown 编辑器，左侧写、右侧预览

• 支持标题、粗体、斜体、代码块、引用、列表、表格

• 一键插入到公众号编辑器

• 支持多主题切换

• 自动保存草稿，刷新不丢  AI 开始干活。编辑器界面、CSS 样式、Markdown 解析器、内容脚本注入……一个接一个地输出。  我负责什么？测试。

---

03 AI 写代码，我测了 8 轮才满意

第一轮，编辑器弹不出来。看日志，iframe 注入失败。

第二轮，能弹出来了，但插入公众号后格式错乱。表格边框没了，代码块颜色不对。

第三轮，主题下拉框没有前缀文字，排版很别扭。

第四轮，按钮位置不对，点赞和打赏藏在角落里找不到。

第五轮，主题名字带着"微信排版"这种冗余前缀，不够简洁。

第六轮，截图 README 里用的居然是模拟页面，不是真实公众号后台。

第七轮，弹窗交互缺了关闭逻辑。

第八轮，终于全部通过。

传统开发 8 轮修改，可能要一周。AI 开发 8 轮修改，半天搞定。

但测试这件事，本身也很耗时。每次都要手动打开浏览器、登录公众号后台、点按钮、看效果、截图反馈。

测到第三轮的时候，我烦了。

---

04 让 AI 自己测自己修

我对 AI 说：“你用 Playwright 写个自动化测试脚本，自己打开公众号后台，自动点击悬浮按钮、输入测试内容、截图、验证插入效果。”

AI 真的写出来了。

脚本干了这些事：

• 自动启动带扩展的 Chrome

• 恢复登录状态，进入公众号草稿箱

• 自动新建图文，定位编辑器页面

• 点击右下角绿色的 M 按钮

• 在 Markdown 编辑器里输入测试内容（标题、粗体、斜体、代码、列表、引用、表格）

• 截图记录每一步

• 点击"插入到公众号"，再截图验证效果  接下来所有修改，都是 AI 跑一遍脚本，自动截图对比，发现问题再修。测试时间从 20 分钟一轮压缩到 3 分钟。  这就是"AI 写代码 + AI 自动化测试"的组合拳。我只需要坐在旁边看截图、提意见，像个产品经理。

---

05 插件功能一览

最终这个插件叫 WxMdExtension，现在已经在 GitHub 发布了 V1.0。

核心功能

实时预览 左侧写 Markdown，右侧实时渲染成公众号风格。所见即所得。

一键插入 写完点一下"插入到公众号"，内容直接进微信编辑器，格式完美保留。

多主题切换 默认、优雅、莫兰迪、黑金、激光、落日 6 种主题，适配不同风格公众号。

快捷导入/导出 支持 .md / .markdown / .txt 文件导入，也能导出保存。

语法工具栏 H1-H3、粗体、斜体、代码块、链接、图片、引用、列表、表格、分割线，一键插入。

自动保存 写一半刷新页面？不怕，内容自动存 localStorage。

快捷键

|
快捷键
|
功能
|
| — | — |
| Ctrl+B |
粗体
|
| Ctrl+I |
斜体
|
| Ctrl+K |
插入链接
|
| Ctrl+Enter |
插入到公众号
|
| Ctrl+S |
保存草稿
|

拖拽分栏 编辑区和预览区宽度可以自由拖拽调整。

---

06 安装方式

方式一：CRX 直装（推荐）

1. 下载 https://github.com/vanuan-cn/WxMdExtension/releases/download/v1.0.0/WxMdExtension.crx

2. 打开 Chrome chrome://extensions/

3. 开启右上角「开发者模式」

4. 把 .crx 文件拖进去即可

方式二：源码加载

1. 下载源码并解压

2. Chrome chrome://extensions/ 开启开发者模式

3. 「加载已解压的扩展程序」选择文件夹

---

07 开源地址

项目完全开源，代码在 GitHub：

https://github.com/vanuan-cn/WxMdExtension

如果你觉得这个插件对你有帮助，欢迎去 GitHub 点个 Star。

如果你特别开心，也可以赞助开发者一杯咖啡：

点击插件里的 ♥ 打赏鼓励 按钮即可

---

08 写在最后

这次经历最大的感受：AI 不是替代程序员，而是把程序员从重复劳动里解放出来。

以前开发一个浏览器插件，光学习 Chrome Extension API 就要一两天。现在 AI 直接帮你写好，你只需要会"提需求"和"验货"。

测试环节同理。以前手动测试 8 轮要两天，现在写个 Playwright 脚本，AI 自己跑、自己截、自己修。

24 小时，零代码，一个可用、可发布、有自动化测试的插件。

这就是 2026 年的开发效率。

如果你也写公众号，去试试吧。

---

本文工具：WxMdExtension — 微信公众号 Markdown 编辑器**下载地址：https://github.com/vanuan-cn/WxMdExtension/releases