打包 Firefox 扩展,输出至 apps/web/.output/md-{version}-firefox.zip

June 15, 2026 · View on GitHub

doocs-md

微信 Markdown 编辑器

status node pr stars forks
release npm docker

中文 | English

项目介绍

Markdown 文档自动即时渲染为微信图文,让你不再为公众号排版发愁。只需掌握基本的 Markdown 语法,即可生成样式简洁、美观大方的微信图文。

如果这个项目对你有帮助,欢迎点个 Star ⭐️,我们会持续维护与迭代。

在线编辑器

https://md.doocs.org

推荐使用 Chrome 浏览器以获得最佳体验。

为何开发这款编辑器

现有的开源微信 Markdown 编辑器普遍存在样式繁杂、排版需反复调整的问题。本项目致力于提供一个更简洁、易用的编辑器,让内容创作者专注于写作本身,而非排版细节。

欢迎随时提交 PR 参与共建,也欢迎在 Discussions 中分享你的想法。

功能特性

  • 支持标准 Markdown 语法及数学公式(KaTeX)
  • 支持 Mermaid 图表、PlantUML、GFM 警告块
  • 支持 Ruby 注音扩展,格式兼容 [文字]{注音}[文字]^(注音)
  • 代码块提供多种高亮主题,可自定义主题色与 CSS 样式
  • 内置本地草稿管理,支持内容自动保存
  • 登录账户后可同步编辑器偏好(云同步说明
  • 支持多种图床(GitHub、阿里云、腾讯云、七牛云、MinIO、S3、Cloudflare R2 等)
  • 支持文件导入与导出
  • 集成主流 AI 模型(DeepSeek、OpenAI、通义千问、腾讯混元、火山方舟、302.AI 等),辅助内容创作

支持的图床服务

#图床使用时是否需要配置备注
1默认-
2GitHub配置 RepoToken 参数如何获取 GitHub token?
3阿里云配置 AccessKey IDAccessKey SecretBucketRegion 参数如何使用阿里云 OSS?
4腾讯云配置 SecretIdSecretKeyBucketRegion 参数如何使用腾讯云 COS?
5七牛云配置 AccessKeySecretKeyBucketDomainRegion 参数如何使用七牛云 Kodo?
6MinIO配置 EndpointPortUseSSLBucketAccessKeySecretKey 参数如何使用 MinIO?
7S3 协议配置 EndpointRegionBucketAccessKeySecretKey 参数支持 AWS S3、Oracle、DigitalOcean 等兼容 S3 的存储服务
8公众号配置 appIDappsecret代理域名 参数如何使用公众号图床?
9Cloudflare R2配置 AccountIdAccessKeySecretKeyBucketDomain 参数如何使用 S3 API 操作 R2?
10又拍云配置 BucketOperatorPasswordDomain 参数如何使用 又拍云?
11Telegram配置 Bot TokenChat ID 参数如何使用 Telegram 图床?
12Cloudinary配置 Cloud NameAPI KeyAPI Secret 参数如何使用 Cloudinary?
13自定义上传如何自定义上传?

产品演示

主题切换图片上传
demo1demo2
样式扩展一键排版
demo3demo4

开发与部署

# 安装 Node 版本
nvm i && nvm use

# 安装依赖
pnpm i

# 启动开发模式,访问 http://localhost:5173/md/
pnpm web dev

# 构建,部署在 /md 路径下
pnpm web build

# 构建,部署在根路径下
pnpm web build:h5-netlify

# Chrome 扩展开发模式
# 启动后在 chrome://extensions/ 开启开发者模式,加载 apps/web/.output/chrome-mv3-dev 目录
pnpm web ext:dev

# 打包 Chrome 扩展
pnpm web ext:zip

# 打包 Firefox 扩展,输出至 apps/web/.output/md-{version}-firefox.zip
pnpm web firefox:zip

# 打包 uTools 插件,输出至 apps/utools/release/md-utools-v{version}.zip
pnpm utools:package

# Cloudflare Workers 开发与部署
pnpm web wrangler:dev
pnpm web wrangler:deploy

私有化部署

方式一:npm cli

# 全局安装
npm i -g @doocs/md-cli

# 启动(默认端口 8800)
md-cli

# 指定端口启动
md-cli port=8899

支持的命令行参数:

  • port:监听端口,默认 8800,端口被占用时自动随机选取
  • spaceId:dcloud 服务空间配置
  • clientSecret:dcloud 服务空间配置

方式二:Docker

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

启动后访问 http://localhost:8080 即可。Docker 镜像的更多信息,请参考 https://github.com/doocs/docker-md

Star 趋势

Star History Chart

谁在使用

请查看 USERS.md,了解使用本项目的公众号列表。

参与贡献

欢迎提交 PR 或 Issue,请参阅 CONTRIBUTING.md 了解贡献流程与规范。

支持我们

如果本项目对你有所帮助,欢迎通过以下方式支持我们持续维护。

support1
support2

反馈与交流

使用中遇到问题或有功能建议,欢迎在 Issues 中反馈。也可扫码加入微信交流群,若二维码失效,请添加好友并备注 md

doocs-md-wechat-group
wechat-ylb