Markdown 预览工具 - 在线 Markdown 渲染器

1. 边写边看：三种视图

视图偏好会记在本机浏览器里，刷新后仍保留上次选择。发布到 GitHub、文档站或博客前，用本页先把表格与代码块扫一遍，比上线后再修便宜得多。手机窄屏下也可切纯预览，避免左右栏挤在一起看不清。

1. 默认分屏：左框输入或粘贴 Markdown，右侧即时渲染为最终排版。
2. 需要专注草稿时切「源码」；只想检查排版时切「预览」。
3. 确认无误后带走 Markdown 源文；若下游要 HTML 片段，点「复制 HTML」。

2. 预览能拦住的三类问题

• 代码围栏不闭合：少一个围栏会让后半篇全变等宽字体——预览里「后半篇全是代码样式」就是信号。
• 表格分隔行：表头下一行的竖线分隔列数必须对上，否则表格塌成纯文本。
• 嵌套列表缩进：二级项应对齐父项文字（通常 2 或 4 空格）；Tab 与空格混用在不同渲染器里表现不一。

3. GFM 与平台差异

本页用 remark-gfm 渲染常见 GitHub Flavored Markdown：表格、删除线、任务列表、自动链接等。各平台仍有方言差——脚注、数学公式、特定短代码不一定一致。重要长文建议：本页过一遍结构，再在目标平台抽查一次锚点与图片路径。相对链接图片在本地预览可能空白，这不代表线上也坏，要以部署路径为准。

4. 复制 HTML 何时有用

• 邮件或 CMS 只收 HTML 时，可先复制渲染结果再微调样式。
• HTML 是预览快照，不是「完美还原所有 Markdown 扩展」的保证。
• 含相对路径图片时，复制出的 HTML 仍依赖你部署后的真实 URL。
• 需要干净片段时，复制后再删掉多余包裹标签，避免嵌进主题时样式冲突。

5. 和 TOC / 表格工具怎么配合

长文先在 markdown-toc-generator 生成目录再回来预览跳转感；复杂表可先用 markdown-table-generator 对齐管道符。本页专注「所见即所得」核对，不负责生成目录或批量改标题层级。安全提示：预览在浏览器本地完成，但仍勿把含密钥的草稿粘到不信任的会话里。

6. 常见排版习惯

• 标题层级不要跳级（二级标题后直接四级），目录与大纲阅读都会乱。
• 代码块写上语言标记，阅读体验更清晰，也方便下游高亮器识别。
• 同一文档统一列表标记（减号或星号），减少渲染器差异。
• 大段提示若平台不支持扩展语法，改用普通引用或加粗小标题代替。

7. 小结与边界提醒

把本页当作发布前的最后一公里检查：语法能渲染、结构能扫读、链接图片路径心里有数。它替代不了目标平台的正式预览，但能把最常见的围栏、表格、列表事故挡在提交之前。