[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-2147":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":9,"totalLinesOfCode":9,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":9,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":9,"rankLanguage":9,"license":9,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":36,"readmeContent":37,"aiSummary":38,"trendingCount":16,"starSnapshotCount":16,"syncStatus":39,"lastSyncTime":40,"discoverSource":41},2147,"md","doocs\u002Fmd","doocs","✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器：支持 Markdown 语法、自定义主题样式、内容管理、多图床、AI 助手等特性",null,"https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd","Vue",12803,2167,81,12,0,8,87,242,56,45,false,"main",[25,26,27,28,29,7,30,31,32,33,34,35],"wechat","markdown","editor","markdown-editor","vue","weixin","tailwindcss","vite","vue3","ai-bot","llm","2026-06-12 02:00:37","\u003Cdiv align=\"center\">\n\n[![doocs-md](https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Flogo-2.png)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd)\n\n\u003C\u002Fdiv>\n\n\u003Ch1 align=\"center\">微信 Markdown 编辑器\u003C\u002Fh1>\n\n\u003Cdiv align=\"center\">\n\n[![status](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fdoocs\u002Fmd\u002Fdeploy.yml?style=flat-square&labelColor=564341&color=42cc23)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Factions) [![node](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fnode-%3E%3D22-42cc23?style=flat-square&labelColor=564341)](https:\u002F\u002Fnodejs.org\u002Fen\u002Fabout\u002Fprevious-releases) [![pr](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fprs-welcome-42cc23?style=flat-square&labelColor=564341)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Fpulls) [![stars](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fdoocs\u002Fmd?style=flat-square&labelColor=564341&color=42cc23)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Fstargazers) [![forks](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fforks\u002Fdoocs\u002Fmd?style=flat-square&labelColor=564341&color=42cc23)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd)\u003Cbr> [![release](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fdoocs\u002Fmd?style=flat-square&labelColor=564341&color=42cc23)](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Freleases) [![npm](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@doocs\u002Fmd-cli?style=flat-square&labelColor=564341&color=42cc23)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@doocs\u002Fmd-cli) [![docker](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocker-latest-42cc23?style=flat-square&labelColor=564341)](https:\u002F\u002Fhub.docker.com\u002Fr\u002Fdoocs\u002Fmd)\n\n\u003C\u002Fdiv>\n\n## 📝 项目介绍\n\n**Markdown 文档自动即时渲染为微信图文**，让你不再为微信内容排版而发愁！只要你会基本的 Markdown 语法（现在有了 AI，你甚至不需要会 Markdown），就能做出一篇样式简洁而又美观大方的微信图文。\n\n**如果这个项目对你有帮助，请给我们点个 Star ⭐️**，我们会持续更新和维护！\n\n## 🌐 在线编辑器地址\n\n[https:\u002F\u002Fmd.doocs.org](https:\u002F\u002Fmd.doocs.org)\n\n> **推荐使用 Chrome 浏览器**，效果最佳。\n\n## 🤔 为何开发这款编辑器\n\n现有的开源微信 Markdown 编辑器样式繁杂，排版过程中往往需要额外调整，影响使用效率。为了解决这一问题，我们打造了一款更加**简洁、优雅**的编辑器，提供更流畅的排版体验。\n\n欢迎各位朋友随时提交 PR，让这款微信 Markdown 编辑器变得更好！如果你有新的想法，也欢迎在 [💬 Discussions 讨论区](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Fdiscussions)反馈。\n\n## ✨ 功能特性\n\n### 🎨 核心功能\n\n- ✅ **完整 Markdown 支持** - 支持所有基础语法、数学公式\n- ✅ **图表渲染** - 支持 Mermaid 图表和 [GFM 警告块](https:\u002F\u002Fgithub.com\u002Forgs\u002Fcommunity\u002Fdiscussions\u002F16925)\n- ✅ **PlantUML 支持** - 强大的 UML 图表渲染\n- ✅ **Ruby 注音扩展** - 支持 `[文字]{注音}`、`[文字]^(注音)` 格式，支持多种分隔符\n\n### 🎯 编辑体验\n\n- ✅ **代码高亮** - 丰富的代码块高亮主题，提升代码可读性\n- ✅ **自定义样式** - 允许自定义主题色和 CSS 样式，灵活定制展示效果\n- ✅ **草稿保存** - 内置本地内容管理功能，支持草稿自动保存\n\n### 🚀 高级功能\n\n- ✅ **多图床支持** - 提供多种图床选择，便捷的图片上传功能\n- ✅ **文件管理** - 便捷的文件导入、导出功能，提升工作效率\n- ✅ **AI 集成** - 集成主流 AI 模型（DeepSeek、OpenAI、通义千问、腾讯混元、火山方舟、302.AI 等），智能辅助内容创作\n\n## 🖼️ 支持的图床服务\n\n| # | 图床 | 使用时是否需要配置 | 备注 |\n| --- | ------------------------------------------------------ | -------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------- |\n| 1 | 默认 | 否 | - |\n| 2 | [GitHub](https:\u002F\u002Fgithub.com) | 配置 `Repo`、`Token` 参数 | [如何获取 GitHub token？](https:\u002F\u002Fdocs.github.com\u002Fen\u002Fgithub\u002Fauthenticating-to-github\u002Fcreating-a-personal-access-token) |\n| 3 | [阿里云](https:\u002F\u002Fwww.aliyun.com\u002Fproduct\u002Foss) | 配置 `AccessKey ID`、`AccessKey Secret`、`Bucket`、`Region` 参数 | [如何使用阿里云 OSS？](https:\u002F\u002Fhelp.aliyun.com\u002Fdocument_detail\u002F31883.html) |\n| 4 | [腾讯云](https:\u002F\u002Fcloud.tencent.com\u002Fact\u002Fpro\u002Fcos) | 配置 `SecretId`、`SecretKey`、`Bucket`、`Region` 参数 | [如何使用腾讯云 COS？](https:\u002F\u002Fcloud.tencent.com\u002Fdocument\u002Fproduct\u002F436\u002F38484) |\n| 5 | [七牛云](https:\u002F\u002Fwww.qiniu.com\u002Fproducts\u002Fkodo) | 配置 `AccessKey`、`SecretKey`、`Bucket`、`Domain`、`Region` 参数 | [如何使用七牛云 Kodo？](https:\u002F\u002Fdeveloper.qiniu.com\u002Fkodo) |\n| 6 | [MinIO](https:\u002F\u002Fmin.io\u002F) | 配置 `Endpoint`、`Port`、`UseSSL`、`Bucket`、`AccessKey`、`SecretKey` 参数 | [如何使用 MinIO？](http:\u002F\u002Fdocs.minio.org.cn\u002Fdocs\u002Fmaster\u002F) |\n| 7 | [S3 协议](https:\u002F\u002Faws.amazon.com\u002Fs3\u002F) | 配置 `Endpoint`、`Region`、`Bucket`、`AccessKey`、`SecretKey` 参数 | 支持 AWS S3、Oracle、DigitalOcean 等兼容 S3 的存储服务 |\n| 8 | [公众号](https:\u002F\u002Fmp.weixin.qq.com\u002F) | 配置 `appID`、`appsecret`、`代理域名` 参数 | [如何使用公众号图床？](https:\u002F\u002Fmd-pages.doocs.org\u002Ftutorial) |\n| 9 | [Cloudflare R2](https:\u002F\u002Fdevelopers.cloudflare.com\u002Fr2\u002F) | 配置 `AccountId`、`AccessKey`、`SecretKey`、`Bucket`、`Domain` 参数 | [如何使用 S3 API 操作 R2？](https:\u002F\u002Fdevelopers.cloudflare.com\u002Fr2\u002Fapi\u002Fs3\u002Fapi\u002F) |\n| 10 | [又拍云](https:\u002F\u002Fwww.upyun.com\u002F) | 配置 `Bucket`、`Operator`、`Password`、`Domain` 参数 | [如何使用 又拍云？](https:\u002F\u002Fhelp.upyun.com\u002F) |\n| 11 | [Telegram](https:\u002F\u002Fcore.telegram.org\u002Fapi) | 配置 `Bot Token`、`Chat ID` 参数 | [如何使用 Telegram 图床？](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Fblob\u002Fmain\u002Fdocs\u002Ftelegram-usage.md) |\n| 12 | [Cloudinary](https:\u002F\u002Fcloudinary.com\u002F) | 配置 `Cloud Name`、`API Key`、`API Secret` 参数 | [如何使用 Cloudinary？](https:\u002F\u002Fcloudinary.com\u002Fdocumentation\u002Fupload_images) |\n| 13 | 自定义上传 | 是 | [如何自定义上传？](\u002Fdocs\u002Fcustom-upload.md) |\n\n## 🎬 产品演示\n\n\u003Cdiv align=\"center\">\n\n| 🎨 主题切换 | 🖼️ 图片上传 |\n| :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: |\n| ![demo1](https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fdemo1.gif) | ![demo2](https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fdemo2.gif) |\n\n| 📝 样式扩展 | 🤖 一键排版 |\n| :-----------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------: |\n| ![demo3](https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fdemo3.gif) | ![demo4](https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fdemo4.gif) |\n\n\u003C\u002Fdiv>\n\n## 🛠️ 开发与部署\n\n```sh\n# 安装 node 版本\nnvm i && nvm use\n\n# 安装依赖\npnpm i\n\n# 启动开发模式\npnpm web dev\n# 访问 http:\u002F\u002Flocalhost:5173\u002Fmd\u002F\n\n# 部署在 \u002Fmd 目录\npnpm web build\n\n# 部署在根目录\npnpm web build:h5-netlify\n\n# Chrome 插件启动及调试\npnpm web ext:dev\n# 访问 chrome:\u002F\u002Fextensions\u002F 打开开发者模式，加载已解压的扩展程序，选择 apps\u002Fweb\u002F.output\u002Fchrome-mv3-dev 目录\n\n# Chrome 插件打包\npnpm web ext:zip\n\n# Firefox 扩展打包(how to build Firefox addon)\npnpm web firefox:zip # output zip file at in apps\u002Fweb\u002F.output\u002Fmd-{version}-firefox.zip\n\n# uTools 插件打包\npnpm utools:package # output zip file at apps\u002Futools\u002Frelease\u002Fmd-utools-v{version}.zip\n\n# cloudflare workers\npnpm web wrangler:dev # cloudflare workers dev 模式\npnpm web wrangler:deploy # cloudflare workers 部署命令\n```\n\n## 🚀 快速搭建私有服务\n\n### 📦 方式 1. 使用 npm cli\n\n通过我们的 npm cli 你可以轻易搭建属于自己的微信 Markdown 编辑器。\n\n```sh\n# 安装\nnpm i -g @doocs\u002Fmd-cli\n\n# 启动\nmd-cli\n\n# 访问\nopen http:\u002F\u002F127.0.0.1:8800\n\n# 启动并指定端口\nmd-cli port=8899\n\n# 访问\nopen http:\u002F\u002F127.0.0.1:8899\n```\n\nmd-cli 支持以下命令行参数：\n\n- `port` 指定端口号，默认 8800，如果被占用会随机使用一个新端口。\n- `spaceId` dcloud 服务空间配置\n- `clientSecret` dcloud 服务空间配置\n\n### 🐳 方式 2. 使用 Docker 镜像\n\n如果你是 Docker 用户，也可以直接使用一条命令，启动**完全属于你的、私有化运行的实例**。\n\n```sh\ndocker run -d -p 8080:80 doocs\u002Fmd:latest\n```\n\n容器运行起来之后，打开浏览器，访问 http:\u002F\u002Flocalhost:8080 即可。\n\n关于本项目 Docker 镜像的更多详细信息，可以关注 https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fdocker-md\n\n## 👥 谁在使用\n\n请查看 [📋 USERS.md](USERS.md) 文件，了解使用本项目的公众号。\n\n## 🤝 贡献指南\n\n我们欢迎任何形式的贡献！请查看 [📖 CONTRIBUTING.md](.\u002FCONTRIBUTING.md) 获取提交 PR、Issue 的流程与规范。\n\n## ☕ 支持我们\n\n如果本项目对你有所帮助，可以通过以下方式支持我们的持续开发。\n\n\u003Ctable style=\"margin: 0 auto\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd align=\"center\" style=\"width: 260px\">\n \u003Cimg\n src=\"https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fsupport1.jpg\"\n alt=\"support1\"\n style=\"width: 200px\"\n \u002F>\u003Cbr \u002F>\n \u003C\u002Ftd>\n \u003Ctd align=\"center\" style=\"width: 260px\">\n \u003Cimg\n src=\"https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fsupport2.jpg\"\n alt=\"support2\"\n style=\"width: 200px\"\n \u002F>\u003Cbr \u002F>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n\u003C\u002Ftable>\n\n## 💬 反馈与交流\n\n如果你在使用过程中遇到问题，或者有好的建议，欢迎在 [🐛 Issues](https:\u002F\u002Fgithub.com\u002Fdoocs\u002Fmd\u002Fissues) 中反馈。你也可以加入我们的交流群，和我们一起讨论，若群二维码失效，请添加好友，备注 `md`，我们会拉你进群。\n\n\u003Ctable style=\"margin: 0 auto\">\n \u003Ctbody>\n \u003Ctr>\n \u003Ctd align=\"center\" style=\"width: 260px\">\n \u003Cimg\n src=\"https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fdoocs-md-wechat-group.jpg\"\n alt=\"doocs-md-wechat-group\"\n style=\"width: 200px\"\n \u002F>\u003Cbr \u002F>\n \u003C\u002Ftd>\n \u003Ctd align=\"center\" style=\"width: 260px\">\n \u003Cimg\n src=\"https:\u002F\u002Fcdn-doocs.oss-cn-shenzhen.aliyuncs.com\u002Fgh\u002Fdoocs\u002Fmd\u002Fimages\u002Fwechat-ylb.jpg\"\n alt=\"wechat-ylb\"\n style=\"width: 200px\"\n \u002F>\u003Cbr \u002F>\n \u003C\u002Ftd>\n \u003C\u002Ftr>\n \u003C\u002Ftbody>\n\u003C\u002Ftable>\n","doocs\u002Fmd 是一款专为微信设计的高度简洁的 Markdown 编辑器，支持将 Markdown 文档即时渲染成微信图文。其核心功能包括完整 Markdown 语法支持、图表渲染（如 Mermaid 图表和 GFM 警告块）、PlantUML 支持以及 Ruby 注音扩展等。此外，它还具备代码高亮、自定义样式、草稿保存、多图床支持、文件管理和 AI 辅助内容创作等功能。该编辑器适用于需要在微信平台发布高质量图文内容的个人或团队，尤其适合那些希望提高排版效率并保持内容美观的用户。",2,"2026-06-11 02:48:24","trending"]