Markdown 转 HTML

左侧输入 Markdown,右侧实时预览渲染效果或查看 HTML 源码,支持 GFM 扩展语法

Markdown 输入
HTML 预览
需要反向转换?试试 HTML 转 Markdown 工具
关于 Markdown 转 HTML
  • 将 Markdown 格式文本转换为 HTML,支持标准 Markdown 语法和 GFM(GitHub Flavored Markdown)扩展
  • GFM 扩展包括:表格、任务列表(- [x])、删除线(~~text~~)、代码块语法高亮
  • 适用于博客内容预览、文档转换、将 Markdown 嵌入 HTML 页面等场景
操作说明
  • 在左侧粘贴 Markdown 内容,点击「转换」或按 Ctrl+Enter 查看渲染效果
  • 切换「预览」/「HTML 源码」模式查看不同输出;勾选「GFM 扩展」启用表格、任务列表等扩展语法
  • 点击「下载」导出完整 HTML 文件(含基础样式);支持拖拽 .md 文件到输入区
注意事项
  • 本工具使用纯前端实现的 Markdown 解析器,支持大多数常用语法;复杂的嵌套语法可能与标准实现略有差异
  • 预览区的样式为基础样式,实际渲染效果取决于目标页面的 CSS
  • 所有处理均在浏览器本地完成,不会上传任何数据
Markdown 知识详解
Markdown 语法速查
语法效果说明
# 标题H1~H61~6 个 # 对应 h1~h6
**粗体**粗体__粗体__
*斜体*斜体_斜体_
~~删除线~~删除线GFM 扩展
[链接](url)超链接可加 title
![图片](url)图片alt 文本
`代码`行内代码反引号包裹
```lang代码块三反引号 + 语言名
- [ ] 任务任务列表GFM 扩展
> 引用块引用可嵌套
GFM 扩展语法说明
  • 表格:用 | 分隔列,第二行用 --- 分隔表头和内容,支持 :---(左对齐)、:---:(居中)、---:(右对齐)
  • 任务列表- [ ] 未完成- [x] 已完成,渲染为复选框
  • 删除线~~文字~~ 渲染为 删除线
  • 代码块语法高亮```javascript 指定语言,渲染时添加对应 CSS 类
  • 自动链接:URL 和邮箱地址自动转为可点击链接