Doocs Markdown Editor 是开源的在线 Markdown 编辑器,重点解决微信公众号富文本排版。它支持 GFM、代码高亮、KaTeX、Mermaid、PlantUML、主题配色、自定义 CSS、草稿和多种图床。真正完成一次排版,不是网页右侧“看起来不错”,而是把内容复制到微信后台后,图片、代码、公式和层级仍可正常阅读。
先整理 Markdown,再选择主题
把标题、段落、列表、引用、代码块和图片先写成结构清楚的 Markdown,避免依靠空格和连续换行制造版式。粘贴或导入文件后,在预览区逐段检查标题层级、长链接、表格宽度和代码换行。随后选择正文主题、主色与代码高亮方案;技术文章宜先保证字号、行距和对比度,再考虑装饰效果。
| 内容类型 | 编辑器内检查 | 微信后台复查 |
|---|---|---|
| 代码块 | 语言标记、换行和高亮 | 手机窄屏是否横向溢出 |
| 公式/图表 | KaTeX、Mermaid 或 PlantUML 是否渲染 | 复制后是否仍显示且清晰 |
| 图片 | 链接、尺寸和图注 | 是否进入稳定图床且能加载 |
用自定义 CSS 统一品牌样式
内置主题不符合账号规范时,可调整主题色或编写 CSS,统一标题、引用、行内代码、表格和图片间距。修改时一次只动一类组件,并用一篇同时含 H2、列表、引用、代码、表格和图片的测试稿观察结果。自定义样式需要服从微信编辑器最终能保留的富文本能力;浏览器预览中的复杂定位、伪元素或外部字体,不应直接假定会被完整带过去。
图床决定图片能否长期显示
编辑器可配置 GitHub、阿里云 OSS、腾讯云 COS、七牛云、MinIO、S3、Cloudflare R2 等图片存储。正式内容应选择自己能持续管理的存储位置,先上传一张测试图,再刷新图片地址确认公网可读。配置访问密钥时只在受信任设备操作,不把密钥写进文章或截图;公用电脑用完应退出账号并清理配置。
完成一篇微信公众号排版
- 导入 Markdown,修正标题层级、图片替代文字与代码语言。
- 选择正文主题和代码主题,检查公式、图表与表格。
- 配置图床并重新上传需要长期保留的图片。
- 使用复制功能,将生成的富文本粘贴到微信公众号编辑器。
- 在微信后台补齐封面、摘要和原文链接,并分别查看手机预览与桌面预览。
- 确认图片可加载、代码不截断、链接正确、段落无异常空白后,才算排版完成。
草稿、同步和私有化的边界
本地草稿与自动保存可降低误关页面造成的损失,登录后的偏好同步适合多设备保持主题设置,但重要原稿仍应另存 Markdown 文件或版本库。项目也提供文件导入导出、AI 接入和自部署路径;自托管需要自行维护 Node、容器、域名、HTTPS、升级与数据备份,不能把“部署成功”理解为免运维。入口:https://md.doocs.org/
数据统计
相关导航
暂无评论...
