带实时预览的完整 Markdown 语法参考。涵盖标准 Markdown 和 GitHub Flavored Markdown（GFM）扩展。
# Heading 1
H1 — largest heading
# My Title
## Heading 2
H2 — section heading
## Introduction
### Heading 3
H3 — subsection
### Details
#### Heading 4
H4
#### Notes
##### Heading 5
H5
##### Fine print
###### Heading 6
H6 — smallest heading
###### Footnote
Title ======
H1 — setext style (underline with ===)
My Title ========
Title ------
H2 — setext style (underline with ---)
My Section ----------
**bold**
Bold text
**important**
__bold__
Bold text (alternate)
__important__
*italic*
Italic text
*emphasis*
_italic_
Italic text (alternate)
_emphasis_
***bold italic***
Bold and italic
***critical***
~~strikethrough~~
Strikethrough (GFM)
~~deprecated~~
`inline code`
Inline code
`console.log()`
<mark>highlight</mark>
Highlighted text (HTML in MD)
<mark>key point</mark>
- Item - Item - Item
Unordered list (dash)
- Apple - Banana - Cherry
* Item * Item
Unordered list (asterisk)
* Alpha * Beta
+ Item + Item
Unordered list (plus)
+ One + Two
1. First 2. Second 3. Third
Ordered list
1. Step one 2. Step two 3. Step three
1. Item - Sub-item - Sub-item
Nested list (3 spaces indent)
1. Main - Sub A - Sub B
- [ ] Unchecked - [x] Checked
Task list (GFM)
- [ ] Todo - [x] Done
[text](url)
Inline link
[OpenAI](https://openai.com)
[text](url "title")
Link with title tooltip
[GitHub](https://github.com "GitHub")
[text][ref] [ref]: url
Reference-style link
[Google][goo] [goo]: https://google.com
<https://url>
Autolink (bare URL)
<https://example.com>
Inline image
Image with title
[](url)
Linked image
[](https://site.com)
`code`
Inline code
Use `npm install`
``` code ```
Fenced code block
```
console.log('hi')
``````javascript code ```
Syntax highlighted code
```python
print('hello')
```indented code
Code block via 4-space indent
def hello():
pass``code with `backtick` inside``
Double backticks for inline code with backtick
``Use `code` here``
| Col1 | Col2 | |------|------| | A | B |
Basic table (GFM)
| Name | Age | |------|-----| | Ana | 25 |
| Left | Center | Right | |:-----|:------:|------:|
Column alignment (GFM)
| Left | Center | Right | |:-----|:------:|------: | a | b | c |
> Quote text
Blockquote
> To be or not to be.
> Line 1 > Line 2
Multi-line blockquote
> First line > Second line
> Outer > > Nested
Nested blockquote
> Level 1 > > Level 2
> **Note:** text
Styled blockquote with bold
> **Warning:** Be careful!
- [ ] Unchecked task
Unchecked checkbox (GFM)
- [ ] Write tests
- [x] Completed task
Checked checkbox (GFM)
- [x] Deploy app
- [ ] Task - [ ] Subtask
Nested task list
- [ ] Feature - [x] API done - [ ] UI todo
---
Horizontal rule (thematic break)
Section 1 --- Section 2
***
Horizontal rule (3 asterisks)
***
\*escaped\*
Escape Markdown characters with \
\*not bold\*
<br>
Forced line break within paragraph
Line one<br>Line two
Two trailing spaces next line
Hard line break (2 spaces + enter)
First line Second line
<!-- comment -->
HTML comment (hidden in output)
<!-- TODO: fix this -->
~~strikethrough~~
Strikethrough
~~old text~~
https://auto.link
Autolink (bare URL auto-linked)
https://example.com
@username
User mention (GitHub)
@octocat
#123
Issue/PR reference (GitHub)
Fixes #42
SHA reference
Commit SHA reference (GitHub)
a5c3785
```mermaid graph ```
Mermaid diagram (GitHub/GitLab)
```mermaid graph LR A-->B ```
> [!NOTE]
GitHub alerts (NOTE/TIP/WARNING/CAUTION)
> [!WARNING] > Be careful!
表格是 GitHub Flavored Markdown（GFM）的扩展功能。使用 '|' 分隔列，并在分隔行中使用冒号对齐内容：|
| Name | Role | Score | |:--------|:---------:|------:| | Alice | Developer | 100 | | Bob | Designer | 95 |
:--- 左对齐:---: 居中---: 右对齐实时渲染 Markdown 并即时预览和导出选项。
Markdown 是 John Gruber 于 2004 年创建的轻量级标记语言。它使用纯文本格式语法来生成 HTML：#标题、**粗体**、*斜体*、[链接]、`代码`等。广泛用于 README 文件、GitHub、Reddit、Slack 和许多文档系统。
CommonMark 是标准化的 Markdown 规范。GitHub Flavored Markdown（GFM）在此基础上扩展了任务列表、表格、删除线、自动链接和代码围栏的语法高亮。大多数现代平台都支持 GFM。
使用三个反引号后跟语言名称：```javascript。支持的语言包括 javascript、python、typescript、bash、css、html、json、yaml、sql 等。
在字符前使用反斜杠：\*表示 *、\_表示 _、\`表示 `、\#表示 #、\[表示 [ 等。这样可以防止 Markdown 将其解释为格式语法。