长期写公众号、尤其是技术干货的朋友，多半都踩过排版大坑。用 Typora、VS Code 写完 Markdown，复制粘贴到公众号后台，标题层级塌陷、代码块变成纯文字、图片直接丢失，手机端预览行距错乱，来回反复调整格式，大把时间耗在排版上。
市面上很多排版工具要么内置大量广告，要么收费解锁完整主题，外链图片还会被微信防盗链拦截；通用 Markdown 工具没有适配公众号样式，复制后大半排版直接失效。今天 软件格律诗 给大家分享一款完全免费开源、专门适配微信公众号的 Markdown 编辑器 Rico MD 纯前端网页工具，不用安装客户端，打开浏览器就能用，完美解决图文、代码、格式复制难题。
主要功能特点
编辑与预览
- 左侧 Markdown 编辑，右侧实时预览。
- 支持常用编辑快捷操作（标题、加粗、斜体、引用、代码块、分割线、表格等）。
- 支持桌面/手机预览模式切换。
文档管理
- 支持多文档创建、切换、复制、删除、搜索。
- 删除操作使用确认弹窗，避免误删。
- 删除最后一篇文档后会自动创建一篇空白文档，保证始终有可编辑文档。
- 文档与当前激活状态会持久化到 localStorage。
自动保存与保存状态
- 输入后采用固定 5 秒 防抖自动保存。
- 状态栏显示 保存中 / 已保存 / 保存失败 与最后保存时间。
- 保留显式保存快捷键：Ctrl/Cmd + S。
主题与代码面板
- 内置多套公众号排版主题（当前 20 套），按风格分类： 简约主义：默认、极简、科技、优雅简约、沉浸阅读、Jony Ive 技术阅读：Anthropic、Wired、Medium 阅读、Apple 极简、AI Coder 传统质感：纸纪、晚点深度、金融时报、墨线·报纸、杂志 设计灵感：素白·留白、赭红·编辑、素灰·清水、赤陶·有机、墨蓝·卫报、朱红·日经、素墨·世界报
- 代码面板支持独立代码主题（当前 16 套）。
图片处理（本地优先）
- 支持粘贴、拖拽、工具栏上传图片。
- 使用 Canvas 压缩（保留 GIF/SVG 策略）后写入 IndexedDB。
- 编辑器内使用 img:// 短链接，避免大段 Base64 影响输入性能。
- 渲染时从 IndexedDB 读取并替换为可预览 URL。
- 复制到公众号时自动转换为 Base64，提升粘贴兼容性。
导出与复制
- 一键复制到公众号（富文本 HTML）。
- 支持复制纯文本。
- 支持导出 .md 与 .html。
About 页面
- 顶部导航新增”关于”，跳转到独立页面 about.html。
- 页面包含作者介绍、标签、知识库链接与联系方式二维码展示。
左右分栏实时预览，双端视图自由切换
页面左侧 Markdown 输入区，右侧同步渲染公众号成品效果，写一句看一句，不用反复复制测试。支持电脑、手机两种预览模式，写完直接查看移动端展示效果，提前规避手机端排版错位问题。基础标题、加粗、引用、表格、分割线、代码块等常用语法全部支持，搭配快捷键操作，写作效率直接拉高。
本地自动存档，多文档管理不怕内容丢失
编辑器自带文档管理系统，可新建、切换、删除、搜索多篇文稿，删除增加二次确认弹窗，避免误删。文本输入开启 5 秒防抖自动保存，底部状态栏实时显示保存状态，搭配Ctrl/Cmd+S手动保存快捷键，所有文稿本地存储在浏览器，刷新页面、关闭网页内容不会清空。
20 套公众号专属排版主题，16 种代码高亮配色
工具内置四大分类共 20 套成熟排版模板，覆盖不同创作需求：简约风适合日常随笔、科技极简适配技术博文、纸报质感适合深度长文、文艺留白适合生活分享。代码块独立搭配 16 套代码主题，写开发教程、代码分享时，代码高亮清晰柔和，复制到公众号不会变形，解决原生编辑器不支持代码展示的痛点。
图片本地压缩持久化，复制公众号自动兼容
支持截图粘贴、拖拽上传、工具栏上传三种图片导入方式，通过 Canvas 自动压缩图片，GIF、SVG 格式完整保留，图片存储在浏览器本地 IndexedDB，刷新页面图片不会消失。编辑器内部使用短链接减少卡顿，一键复制富文本到公众号时，图片自动转为 Base64 格式，不会出现图片空白、丢失问题，不用额外上传图床。
多格式导出复制，满足各类分发需求
提供三种导出复制模式：一键复制适配公众号的富文本 HTML、复制纯文本、导出.md源文件与.html文件。写完推文不用二次转换，一键复制直接粘贴公众号后台，样式完整保留，省去重复调整格式的步骤。
纯前端开源无后台，本地部署自由可控
整体为静态前端项目，无后端服务器，不会上传任何文稿、图片隐私数据，本地浏览器独立存储内容。开源协议为 MIT，可免费商用、修改、二次分发，有开发能力的用户可下载仓库源码，本地运行静态服务部署自用，完全自主掌控数据。项目结构清晰，支持自定义新增排版主题、代码配色，扩展性拉满。
