Markdown 预览
Markdown 实时预览渲染,表格、代码块、引用全覆盖;原始 HTML 一律转义,粘贴即安全。
>_ 使用指南 · GUIDE
左边写 Markdown,右边实时渲染预览:标题、列表、表格、代码块、引用、图片全覆盖,写完即见效果。写博客、README、笔记时随手验证格式——表格有没有对齐、嵌套列表层级对不对、代码块是否正常,贴进来一眼便知。
安全上做了严格处理:原始 HTML 一律转义,粘贴来的 Markdown 即使内嵌 <script> 也只按文本显示,不会被执行。渲染全程本地完成。
>_ 常见问题 · FAQ
Q1 · Markdown 表格怎么写?
用竖线分列、第二行写对齐冒号:
``markdown
| 姓名 | 年龄 |
|:---|---:|
| 张三 | 25 |
`
第二行冒号位置决定对齐(:--- 左、:---: 居中、---: 右)。常见坑:表头下的分隔行不能省、单元格内竖线需转义 \|`。写完贴到本工具看渲染结果,错位当场可见。
Q2 · 代码块怎么写才有语法高亮?
用三个反引号包裹,并在开头标注语言名:``` `js `` 开头、`` ` ``` 结尾。标注了语言(js/python/go 等)的渲染器才会按对应语法着色。本工具渲染时保持代码原样转义展示,发布到支持高亮的平台(GitHub、博客)即显示颜色。
Q3 · 为什么我的 HTML 标签没生效,显示成了文字?
本工具故意转义所有原始 HTML——这是安全设计:粘贴来的文档可能内嵌恶意脚本,转义后只按文本呈现,杜绝注入。多数博客平台也采用同样策略。如果你确实需要内嵌 HTML,改用平台提供的受控组件或嵌入式语法。
Q4 · Markdown 和 HTML 是什么关系?
Markdown 是「易写易读的标记语法」,渲染器把它翻译成 HTML。它只覆盖常用排版(标题、列表、强调),复杂布局(多栏、精确样式)仍需 HTML/CSS。工作流通常是:Markdown 写内容 → 渲染成 HTML → 平台再套样式。本工具展示的就是第一步的渲染结果。
Q5 · 不同平台的 Markdown 方言不一样吗?
是。核心语法(标题、加粗、列表)通用,但表格、任务列表、脚注等属于扩展(GFM——GitHub Flavored Markdown 最流行)。同一文档在 GitHub、微信、知乎渲染效果可能不同。稳妥做法:贴到本工具预览的是标准 GFM 效果,发布前再到目标平台预览一遍方言差异。