📝 Markdown 预览
输入 Markdown 即可实时看到 HTML 渲染结果。
这是什么工具?
Markdown 预览工具是一款免费的在线 Markdown 编辑器,能将您的 Markdown 实时渲染为 HTML。当您在左侧输入时,格式化的结果会立即出现在右侧。这非常适合在发布前预览 README 文件、博客文章、文档或任何 Markdown 内容。 Markdown 是一种轻量级标记语言,使用纯文本格式来创建结构化文档。它由 John Gruber 于 2004 年创建,目的是让编写网页内容尽可能简单。通过 Markdown,您可以使用简单的文本符号创建标题、粗体和斜体文本、列表、链接、图片、代码块、表格等。Markdown 被广泛使用于各处:GitHub README、Reddit 评论、Discord 消息、文档网站以及许多内容管理系统。 此预览器支持标准 Markdown 语法,包含 GitHub Flavored Markdown (GFM) 扩展功能,如任务列表、删除线文本和代码语法高亮。所有操作完全在您的浏览器中执行,因此您的内容永远不会被上传到任何服务器。您可以放心编写,因为您的草稿是完全私密的。运作原理
此工具使用 JavaScript Markdown 解析器,实时将您的文本转换为 HTML。当您在编辑器面板中输入时,解析器会逐字符处理 Markdown 语法,并生成相应的 HTML 元素,显示在预览面板中。 解析器处理所有标准 Markdown 元素:标题(# 到 ######)、粗体(**文本**)、斜体(*文本*)、链接([文本](url))、图片()、无序列表(- 或 *)、有序列表(1.)、代码块(```)、行内代码(`code`)、引用(>)、水平线(---)和表格。它还支持 GitHub Flavored Markdown 扩展功能:任务列表(- [x])、删除线(~~文本~~)和自动 URL 链接。 渲染完全在客户端进行,表示不会发出任何服务器请求。Markdown 解析器是一个经过充分测试的 JavaScript 库,能处理嵌套列表、列表项中的多个段落以及列表中的代码块等边界情况。预览会在每次按键时更新,提供真正的实时编辑体验。Ad
使用方法
- 在左侧编辑器中输入或粘贴您的 Markdown。
- 在右侧实时查看格式化的 HTML 预览更新。
- 使用标准 Markdown 语法(# 标题、**粗体**、*斜体* 等)。
- 试用 GitHub Flavored Markdown:任务列表、表格、删除线。
- 根据需要复制渲染后的 HTML 或您的 Markdown 源代码。
常见问题
常见问题
支持哪些 Markdown 语法?
标准 Markdown(标题、粗体、斜体、列表、链接、图片、代码、引用、表格)加上 GitHub Flavored Markdown 扩展功能(任务列表、删除线、自动链接、代码语法高亮)。
我的 Markdown 内容会被发送到服务器吗?
不会。所有处理都在您的浏览器中使用 JavaScript 完成。您的内容永远不会离开您的设备,确保草稿和笔记的完全隐私。
我可以用这个来预览 GitHub README 文件吗?
可以。此预览器支持 GitHub Flavored Markdown,也就是 GitHub 使用的相同方言。任务列表、表格、删除线和代码块的渲染方式与 GitHub 上完全相同。
如何在 Markdown 中创建表格?
使用竖线(|)分隔列,连字符(-)作为标题行。示例:| 标题 1 | 标题 2 | \n|---|---| \n| 单元格 1 | 单元格 2 |
技巧与建议
Markdown 的设计目标是即使未渲染也能作为纯文本阅读。使用标题(#)创建文档结构,并保持标题级别一致。对于代码块,请在三重反引号后指定语言(```python)以获得语法高亮。创建表格时,请垂直对齐竖线以提高可读性。任务列表(- [x] 完成、- [ ] 待办)非常适合用于 README 中的项目跟踪。如果您是为 GitHub 编写,请先在这里预览 Markdown,以便在推送前发现格式问题。对于长文档,请使用带有锚点链接的目录。请记住,一行末尾的两个空格会在 Markdown 中产生强制换行。