MBEditor

写公众号最折磨人的是什么？

不是构思选题，也不是敲代码般的文字打磨，而是——排版。

为了在微信编辑器里调出一个好看的样式，你得反复复制粘贴 SVG，手动调整间距，还要担心 CSS 被微信过滤。一旦换个主题，几乎要重来一遍。

如果告诉你，只需对 AI 说一句：“写一篇 Docker 入门推文，暗黑终端风，卡片式排版”，它就能直接生成兼容微信的 HTML，并一键推送到草稿箱，你会不会心动？

MBEditor：为极客而生的公众号编辑器

MBEditor 不是一个传统的富文本编辑器，而是一个AI 驱动、CLI 化、API 优先的内容发布引擎。

它的核心理念很简单：把排版交给 AI，把控制权交给代码。

1. 自然语言排版，所见即所得

你不需要懂 CSS，也不需要记住复杂的 class 名。

在 MBEditor 中，你可以直接用自然语言描述你想要的风格。比如：

• “明亮清新风格，浅色渐变背景，圆润友好的设计。”
• “赛博朋克风，深海蓝背景，霓虹青点缀，发光效果。”
• “瑞士极简主义，纯白背景，严格网格对齐，红色色块。”

AI 会实时生成符合微信规范的 HTML/CSS（全部内联样式，<section> 标签），并在右侧预览区展示。不满意？继续对话调整，直到完美。

2. CLI 全流程，自动化玩家的福音

对于习惯命令行的开发者，MBEditor 提供了完整的 REST API。

这意味着，你可以将公众号发布流程集成到你的 CI/CD 管道中，或者通过脚本批量处理文章。

# 创建文章
curl -X POST http://localhost:7071/api/v1/articles \
  -H "Content-Type: application/json" \
  -d '{"title":"我的文章","mode":"html"}'

# 推送草稿箱
curl -X POST http://localhost:7071/api/v1/publish/draft \
  -H "Content-Type: application/json" \
  -d '{"article_id":"{id}"}'

一切皆可 curl。没有繁琐的点击，只有高效的指令。

3. 原生支持 AI Agent：OpenClaw / Claude Code 即装即用

这是 MBEditor 最性感的功能。

它将自身封装为一个 Skill，可以无缝接入 Claude Code、Codex 或你正在关注的 OpenClaw。

只需一行命令，即可将 MBEditor 注册为 AI 的全局技能：

openclaw skill add ./skill/SKILL.md

之后，你可以在任意目录下，直接对 AI 助手说：

“写一篇关于 AI 安全的推文，采用报纸编辑部风格，推送到我的微信草稿箱。”

AI 会自动调用 MBEditor 的 API，完成从写作、排版到发布的全过程。你甚至不需要打开浏览器。

4. 细节满满：微信兼容性与素材管理

• CSS 内联化：内置 premailer，自动将 <style> 转换为 inline style，确保微信端显示一致。
• 智能清洗：自动移除微信不支持的 CSS 属性，将 <div> 转换为 <section>。
• 本地图床：支持 MD5 去重、按日归档，自动将 WebP/SVG 等格式转换为微信友好的 PNG。
• SVG 交互模板：内置点击展开、翻牌、轮播等高级交互效果，无需手写复杂代码。

如何开始？

MBEditor 基于 React 19 + FastAPI 构建，部署极其简单。

Docker 一键启动：

git clone https://github.com/AAAAAnson/mbeditor.git
cd mbeditor
cp data/config.json.example data/config.json
# 编辑 config.json，填入微信公众号 AppID 和 AppSecret
docker compose up -d

访问 http://localhost:7070，即可开启你的高效创作之旅。