Hello Markdown
This is a bold and italic text demo.
Features
- Real-time preview
- GitHub Flavored Markdown
- Syntax highlighting for code blocks
Code Example
function greet(name) {
return Hello, ${name}!;
}
Table
| Feature | Status |
|---|---|
| Bold | ✅ |
| Links | ✅ |
| Tables | ✅ |
This is a blockquote with a link.
- First item
- Second item
- Third item
Markdown 预览器
左侧编写 Markdown，右侧即时查看渲染效果。支持标题、加粗、斜体、链接、图片、表格、代码块等语法。一键导出 HTML。
什么是 Markdown？
Markdown 是由 John Gruber 于 2004 年创建的轻量级标记语言。它允许你使用纯文本语法编写格式化文本，易读易写。Markdown 文件使用 .md 扩展名，广泛用于 README 文件、文档、博客文章、论坛消息和技术写作。语法设计直观：星号表示加粗和斜体，井号表示标题，短横线表示列表，反引号表示代码。
这款免费在线 Markdown 预览器在你输入的同时实时渲染。支持所有常用 Markdown 元素，包括标题、段落、加粗、斜体、删除线、链接、图片、有序和无序列表、引用块、水平分隔线、表格和围栏代码块。分屏布局让你同时编辑和预览，还能将渲染结果导出为独立的 HTML 文件。
核心功能
- 实时预览，输入即刻更新渲染结果
- 支持分屏、纯编辑和纯预览三种模式
- 完整 Markdown 支持：标题、加粗、斜体、删除线、链接、图片
- 表格支持表头行和对齐
- 围栏代码块语法显示
- 引用块、有序列表和无序列表
- 上传 .md 或 .txt 文件预览现有文档
- 将渲染结果导出为带内置样式的独立 HTML 文件
- 复制原始 HTML 到剪贴板，方便嵌入其他工具
- 全屏模式，专注无干扰写作
- 100% 浏览器端处理，不向任何服务器发送数据
如何使用
- 在左侧编辑面板中编写或粘贴 Markdown。
- 渲染预览即刻出现在右侧面板。
- 通过工具栏切换分屏、纯编辑或纯预览模式。
- 使用上传按钮加载现有的 .md 文件。
- 点击 HTML 将渲染结果下载为独立 HTML 文件。
- 点击复制 HTML 将原始 HTML 标记复制到剪贴板。
Markdown 语法速查
- 标题：使用 # 表示 h1，## 表示 h2，### 表示 h3，最多到 ######
- 加粗：用 **双星号** 包裹文本
- 斜体：用 *单星号* 包裹文本
- 删除线：用 ~~双波浪线~~ 包裹文本
- 链接：使用 [文本](链接) 语法
- 图片：使用  语法
- 无序列表：行首使用 -、* 或 +
- 有序列表：行首使用 1.、2.、3.
- 代码块：用三个反引号在独立行包裹
- 行内代码：用单个反引号包裹，如 `代码`
- 引用块：行首使用 >
- 水平线：在独立行使用 ---
- 表格：使用管道符 | 和短横线 - 创建列和表头
常见使用场景
- 编写和预览 GitHub 仓库的 README 文件
- 撰写博客文章和技术文档
- 提交版本控制前预览 Markdown 效果
- 将 Markdown 笔记转换为 HTML 嵌入网站
- 教学 Markdown 语法，提供即时视觉反馈
- 为支持 Markdown 的平台快速格式化文本
Markdown 写作技巧
- 段落之间留空行以获得正确的间距
- 按层级使用标题：从 # 开始，子节逐级增加
- 代码块用 4 个空格缩进，或使用三个反引号的围栏代码块
- 表格中对齐管道符可提高源码可读性
- 长链接使用引用式链接保持 Markdown 简洁
- 发布前预览 Markdown 以发现格式问题