Markdown 转 HTML 工具使用说明

快速开始

1. 访问 /markdown-to-html/ 页面
2. 在左侧 Markdown 编辑器中输入或粘贴 Markdown 代码
3. 右侧会自动显示转换后的 HTML 预览
4. 使用复制或下载按钮保存结果

功能说明

转换模式

• 实时转换: 输入 Markdown 时自动转换（默认）
• 手动转换: 点击转换按钮才进行转换

转换选项

• GFM 支持: 启用 GitHub Flavored Markdown 扩展语法
• 格式可调: 可调整 Markdown 输出格式

操作按钮

• 插入示例: 插入示例 Markdown 代码进行测试
• 清空: 清空所有内容
• 复制: 将 HTML 结果复制到剪贴板
• 下载: 下载转换后的 .html 文件

支持的 Markdown 元素

基本元素

• 标题: # H1 - ###### H6
• 段落: 普通文本
• 强调: **粗体**, *斜体*
• 链接: [文本](URL)
• 图片: ![alt](URL)
• 列表: - 无序, 1. 有序
• 代码: `行内`, 代码块

高级元素

• 表格: | 列1 | 列2 |
• 引用: > 引用内容
• 水平线: ---
• 删除线: ~~删除线~~

GitHub Flavored Markdown (GFM)

• 任务列表: - [ ] 未完成, - [x] 已完成
• 表格
• 删除线
• 自动链接

使用技巧

1. 复杂 Markdown: 对于复杂的 Markdown 结构，建议分段转换
2. 表格转换: 确保表格结构完整，使用正确的分隔符
3. 代码块: 使用三个反引号包裹代码块，并指定语言
4. 链接处理: 相对链接会自动保持原样

示例代码

基本 Markdown

# 标题

这是一个段落，包含 **粗体** 和 *斜体* 文本。

## 列表

- 项目 1
- 项目 2
- 项目 3

### 代码

```javascript
function hello() {
  console.log("Hello, World!");
}

链接和图片

访问示例网站

### 表格示例
```markdown
| 功能 | 支持 | 说明 |
|------|------|------|
| 标题 | ✅ | H1-H6 |
| 列表 | ✅ | 有序和无序 |
| 代码 | ✅ | 行内和块级 |
| 表格 | ✅ | GFM 扩展 |

注意事项

• 所有转换在浏览器本地完成，不会上传到服务器
• 某些复杂的 Markdown 结构可能无法完美转换
• 建议在转换后检查结果并进行必要的调整
• 支持所有标准的 Markdown 语法和 GFM 扩展