Markdown 转 HTML - LitekitHub

什么是 Markdown？

Markdown 是一种轻量级标记语言，由 John Gruber 和 Aaron Swartz 于 2004 年创建。它的设计理念是让文档的书写和阅读都尽可能简单——纯文本格式即可书写，同时可以轻松转换为结构化的 HTML 文档。Markdown 的语法简单直观，仅需几分钟即可上手，因此被广泛应用于 GitHub、Stack Overflow、Reddit 等平台。

为什么需要将 Markdown 转换为 HTML？

Markdown 本身是纯文本格式，虽然便于书写和管理，但无法直接在网页中显示出其结构化的效果（如标题、列表、代码块等）。通过将 Markdown 转换为 HTML，你可以：

发布到网页：将 Markdown 写好的文章、文档快速发布到博客、CMS、文档网站。
嵌入邮件/富文本编辑器：转换为 HTML 后可以粘贴到支持富文本的邮件客户端或在线编辑器（如微信公众号后台）中。
SEO 优化：搜索引擎更擅长解析 HTML 页面，渲染后的 HTML 内容更有利于搜索引擎收录。
自定义样式：将 Markdown 转为 HTML 后，你可以自由套用 CSS 样式，打造独特的视觉效果。

Markdown 常用语法速查

语法	效果	说明
`# 一级标题`	H1 大标题	使用 # 号，数量表示级别（1-6）
`粗体`	粗体	双星号或双下划线包裹
`斜体`	斜体	单星号或单下划线包裹
`~~删除线~~`	~~删除线~~	双波浪线包裹
`代码`	`代码`	反引号包裹（行内代码）
```代码块```	多行代码块	三个反引号包裹，可指定语言
`> 引用`	引用块	大于号开头
`- 列表项`	无序列表	短横线、星号或加号开头
`1. 列表项`	有序列表	数字加点号开头
`[文字](链接)`	超链接	方括号+圆括号
`![描述](图片URL)`	图片	叹号+方括号+圆括号
`\| 列1 \| 列2 \|`	表格	用竖线和短横线构建

主流 Markdown 解析器对比

市面上有多种 Markdown 解析器，各有特点：

marked：速度极快的轻量级解析器，支持 GFM（GitHub Flavored Markdown），本工具即采用 marked 作为渲染引擎。
markdown-it：插件化架构，扩展性强，支持自定义语法规则。
showdown：兼容老版本 Markdown 和部分 CommonMark 标准。
remark：基于 AST 的模块化处理管道，适合需要精确控制的场景。

为什么选择在线 Markdown 编辑器？

零安装，即开即用：无需下载任何软件，打开浏览器即可开始写作。
实时预览：所见即所得地看到渲染效果，提升写作效率和准确性。
支持 GFM 扩展：支持表格、任务列表、删除线等 GitHub 风格扩展语法。
多种导出格式：一键复制 Markdown 源码、HTML 源码或富文本，满足不同使用场景。
本地存储：编辑内容自动保存在浏览器本地，关闭页面不会丢失。

使用技巧

使用 Ctrl+B 快速加粗选中文字，Ctrl+I 快速设为斜体。
按 Tab 键可快速插入 4 个空格的缩进。
选中文字后点击工具栏按钮，可以将语法包裹在选中文本外围。
写好的文章可以直接复制为富文本，粘贴到微信公众号、知乎、掘金等平台。
利用表格语法 | 列 | 列 | 快速创建结构化数据展示。