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~H6 | 1~6 个 # 对应 h1~h6 |
**粗体** | 粗体 | 或 __粗体__ |
*斜体* | 斜体 | 或 _斜体_ |
~~删除线~~ | GFM 扩展 | |
[链接](url) | 超链接 | 可加 title |
 | 图片 | alt 文本 |
`代码` | 行内代码 | 反引号包裹 |
```lang | 代码块 | 三反引号 + 语言名 |
- [ ] 任务 | 任务列表 | GFM 扩展 |
> 引用 | 块引用 | 可嵌套 |
GFM 扩展语法说明
- 表格:用
|分隔列,第二行用---分隔表头和内容,支持:---(左对齐)、:---:(居中)、---:(右对齐) - 任务列表:
- [ ] 未完成和- [x] 已完成,渲染为复选框 - 删除线:
~~文字~~渲染为删除线 - 代码块语法高亮:
```javascript指定语言,渲染时添加对应 CSS 类 - 自动链接:URL 和邮箱地址自动转为可点击链接