[开源]高度简洁的微信 Markdown 编辑器，支持多图床、AI 助手等特性

开源系统知识库

2026-06-28 07:31 0 次浏览 • 0 次下载 0KB

一、开源项目简介

doocs-md

微信 Markdown 编辑器

✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、自定义主题样式、内容管理、多图床、AI 助手等特性

二、开源协议

使用WTFPL开源协议

三、界面展示

产品演示

主题切换	️ 图片上传

样式扩展	一键排版

四、功能概述

Markdown 文档自动即时渲染为微信图文，让你不再为微信内容排版而发愁！只要你会基本的 Markdown 语法（现在有了 AI，你甚至不需要会 Markdown），就能做出一篇样式简洁而又美观大方的微信图文。

✨ 功能特性

核心功能

✅ 完整 Markdown 支持 - 支持所有基础语法、数学公式
✅ 图表渲染 - 支持 Mermaid 图表和 GFM 警告块
✅ PlantUML 支持 - 强大的 UML 图表渲染
✅ Ruby 注音扩展 - 支持 [文字]{注音}、[文字]^(注音) 格式，支持多种分隔符

编辑体验

✅ 代码高亮 - 丰富的代码块高亮主题，提升代码可读性
✅ 自定义样式 - 允许自定义主题色和 CSS 样式，灵活定制展示效果
✅ 草稿保存 - 内置本地内容管理功能，支持草稿自动保存

高级功能

✅ 多图床支持 - 提供多种图床选择，便捷的图片上传功能
✅ 文件管理 - 便捷的文件导入、导出功能，提升工作效率
✅ AI 集成 - 集成主流 AI 模型（DeepSeek、OpenAI、通义千问、腾讯混元、火山方舟、302.AI 等），智能辅助内容创作

五、技术选型

️ 开发与部署

# 安装 node 版本
nvm i && nvm use
# 安装依赖
pnpm i
# 启动开发模式
pnpm web dev
# 访问 http://localhost:5173/md/
# 部署在 /md 目录
pnpm web build
# 部署在根目录
pnpm web build:h5-netlify
# Chrome 插件启动及调试
pnpm web ext:dev
# 访问 chrome://extensions/ 打开开发者模式，加载已解压的扩展程序，选择 apps/web/.output/chrome-mv3-dev 目录
# Chrome 插件打包
pnpm web ext:zip
# Firefox 扩展打包(how to build Firefox addon)
pnpm web firefox:zip # output zip file at in apps/web/.output/md-{version}-firefox.zip
# uTools 插件打包
pnpm utools:package # output zip file at apps/utools/release/md-utools-v{version}.zip
# cloudflare workers
pnpm web wrangler:dev # cloudflare workers dev 模式
pnpm web wrangler:deploy # cloudflare workers 部署命令

快速搭建私有服务

方式 1. 使用 npm cli

通过我们的 npm cli 你可以轻易搭建属于自己的微信 Markdown 编辑器。

# 安装
npm i -g @doocs/md-cli
# 启动
md-cli
# 访问
open http://127.0.0.1:8800
# 启动并指定端口
md-cli port=8899
# 访问
open http://127.0.0.1:8899

md-cli 支持以下命令行参数：

port 指定端口号，默认 8800，如果被占用会随机使用一个新端口。
spaceId dcloud 服务空间配置
clientSecret dcloud 服务空间配置

方式 2. 使用 Docker 镜像

如果你是 Docker 用户，也可以直接使用一条命令，启动完全属于你的、私有化运行的实例。

docker run -d -p 8080:80 doocs/md:latest

容器运行起来之后，打开浏览器，访问 http://localhost:8080 即可。