Markdown 转 HTML - 免费在线 Markdown 解析器
将 Markdown 解析为精美、安全的 HTML，支持语法高亮和多种主题。
关于 Markdown 转 HTML 工具
Markdown 是一种轻量级标记语言，使用纯文本语法就能编写结构化内容。它本身已经很易读，但在博客、文档站、知识库或 CMS 中，最终通常还是要转换成 HTML 才能在浏览器中正确渲染。
这个 Markdown 转 HTML 工具可以在浏览器中实时把 Markdown 转换成干净、安全、可直接使用的 HTML。无论你是在写技术文档、整理文章草稿，还是准备发布到后台编辑器，它都能帮你快速完成转换。
所有输出都会经过 DOMPurify 清洗，以移除潜在的 XSS 风险，适合在常见 Web 场景中安全使用。
如何使用
- 在左侧编辑区输入或粘贴 Markdown 内容。
- 通过顶部主题下拉框切换预览样式。
- 在右侧的 Preview 与 Raw HTML 标签间切换，分别查看渲染结果和生成的 HTML 源码。
- 点击 Copy HTML 复制纯 HTML 片段。
- 点击 Download 导出完整的
.html文件，当前主题 CSS 会一并内嵌。 - 如有需要，可在下方 Custom CSS 面板中添加自定义样式；这些样式会通过 Shadow DOM 与站点本身完全隔离。
支持的 Markdown 能力
本工具支持常见的 GitHub Flavored Markdown (GFM) 能力，包括：
- 标题（H1-H6）
- 粗体、斜体、
删除线、行内代码 - 支持 20+ 语言的围栏代码块高亮（JavaScript、TypeScript、Vue、Python、Rust、Go 等）
- GFM 表格
- 任务列表（
- [ ]/- [x]） - 引用块
- 有序与无序列表
- 图片（支持 HTTP/HTTPS，以及 PNG/JPEG/WebP/GIF/AVIF 的 base64 data URI）
- 超链接，并为外部新窗口链接自动补全
rel="noopener noreferrer" - 水平分割线
主题说明
当前内置了五种预览主题：
- Default：简洁通用，适合大多数文本内容。
- GitHub Style：接近 GitHub 的 Markdown 渲染效果，适合 README 和技术文档。
- Elegant Article：偏文章阅读风格，适合长文排版。
- Notion Style：接近文档编辑器的现代风格。
- Hacker Terminal：终端感较强的深色主题。
下载出的 .html 文件会内嵌当前选中的主题 CSS，因此脱离本站也能保持一致外观。
安全与 XSS 防护
所有生成结果都会经过 DOMPurify 清洗，主要包括：
- 移除
<script>、<iframe>、<object>、<style>等危险标签 - 移除
onclick、onerror等事件属性 - 拦截
javascript:与危险data:链接 - 丢弃不安全的图片来源（如 SVG payload、blob URI）
- 完全移除 HTML 注释
Custom CSS 会被渲染到 Shadow DOM 中，因此即使用户输入了 body { display: none } 或 position: fixed 之类的规则，也不会污染整站页面。
常见问题
“Copy HTML” 和 “Download” 有什么区别？
Copy HTML 只复制正文对应的 HTML 片段，不包含 <html>、<body> 外壳，也不包含主题 CSS，适合粘贴到编辑器或代码中继续使用。
Download 会导出完整的 .html 文件，包含 <!DOCTYPE html>、<meta charset>、<body>、当前主题样式以及你的 Custom CSS，适合直接保存和分享。
输出的 HTML 可以直接用于生产环境吗？
可以作为安全基础输出使用，因为它已经经过 DOMPurify 清洗。不过如果你的生产环境还会继续接收不可信输入，仍建议在服务端或接入层再次做独立的 HTML 清洗。
为什么某些代码块没有高亮？
当前工具内置支持 20+ 种常见语言。如果语言标记未识别成功，代码块会回退为纯文本展示，而不会直接报错。
内容会上传到服务器吗？
不会。Markdown 解析、代码高亮和 HTML 清洗都在浏览器本地完成。你的内容默认不会发送到服务器，只会按需保存在 localStorage 中，便于刷新后恢复。