MDNice(Markdown Nice)是开源 Markdown 排版工具,面向微信公众号、知乎和稀土掘金等富文本编辑场景。它提供文章主题、代码主题、自定义 CSS、公式、脚注和图片处理。它的核心价值不是替代内容写作,而是把结构稳定的 Markdown 渲染成目标平台更容易接受的富文本。
用一篇完整测试稿选择主题
不要只凭示例首页选择主题。准备一篇同时包含 H2/H3、列表、引用、行内代码、长代码块、表格、图片、链接、脚注和公式的测试稿,粘贴进编辑器后再切换正文主题与代码主题。先看正文对比度、字号、行距和标题层级,再看装饰;如果表格在窄屏溢出或代码字号过小,这个主题就不适合当前内容。
自定义 CSS 要围绕可迁移组件
需要品牌化时,可以调整段落、标题、引用、图片、代码和脚注等组件样式。官方项目的主题使用明确的内容容器选择器;修改前应保留原样式副本,一次只改一个组件,并让测试稿实时验证。复杂定位、伪元素、外部字体和依赖网页环境的交互效果,在富文本平台中可能被过滤或重写,不应成为必要信息的唯一载体。
| 组件 | 适合调整 | 需要避免 |
|---|---|---|
| 标题 | 颜色、边框、间距、字号 | 只靠背景图表达层级 |
| 代码 | 高亮主题、换行、内边距 | 窄屏截断或低对比度 |
| 图片 | 宽度、圆角、图注 | 临时链接和不明图床 |
| 公式/脚注 | 清晰度与引用关系 | 只在网页预览可见 |
图床和原稿决定长期可维护性
正式文章的图片应放在自己信任且能持续维护的存储位置,上传后刷新链接测试可用性。不要把访问令牌写进 CSS、正文或公开截图。编辑器的本地或云端存储能减少临时丢稿风险,但重要文章仍应保留 Markdown 源文件、图片原件和自定义主题版本,以便平台规则变化后重新渲染。
从 MDNice 复制到微信后台
- 整理 Markdown 结构,补齐图片、代码语言、脚注与公式。
- 应用正文主题和代码主题,用测试稿检查所有组件。
- 按需要修改 CSS,并保存可回退版本。
- 复制渲染结果,粘贴到微信公众号图文编辑器。
- 在后台检查标题、封面、摘要、原文链接和图片素材。
- 发送手机预览,复核代码换行、公式清晰度、表格宽度和段落间距。
目标平台预览才是最终验收
浏览器中的 MDNice 预览只证明渲染器当前显示正常,不能证明微信编辑器会保留全部 CSS。若粘贴后样式变化,应减少复杂选择器,改用平台能保留的颜色、边框、间距和行内样式,并重新复制测试。文章在目标后台的桌面与手机预览都可读、图片可加载、链接正确、代码与公式未损坏,才算排版完成;不要因在线预览漂亮就直接发布。入口:https://editor.mdnice.com/
数据统计
相关导航
公众号图文排版、复制预览与 H5 制作工具
135编辑器
公众号经典排版、AI 排版与 SVG 内容工具
Doocs Markdown Editor
把 Markdown 转为微信富文本并完成发布前检查
暂无评论...
