下面简单的记录一下常用的一些 Markdown 语法:

# 一、Markdown 语法

# 1、文本类语法

元素 语法 HTML
标题(Heading) # H1
## H2
### H3
<h1></h1>
<h2></h2>
<h3></h3>
代码(Code) `code` <code>code</code>
粗体(Bold) **bold text** <strong>bold text</strong>
斜体(Italic) *italicized text* <em>italicized text</em>
删除线(Strikethrough) ~~The world is flat.~~
脚注(Footnote)

# 2、结构类语法

元素 语法 HTML
引用块(Blockquote) > blockquote
无序列表(Unordered List) - First item
- Second item
- Third item
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
链接(Link) [title](https://www.example.com) <a href='https://www.example.com'>title</a>
分隔线(Horizontal Rule) --- <hr>
有序列表(Ordered List) 1. First item
2. Second item
3. Third item
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
图片(Image) ![alt text](image.jpg)

# 3、列表

1. First item
   - First item
     - item
   - Second item
     > item
2. Second item
3. Third item
  1. First item
    • First item
      • item
    • Second item

      item

  2. Second item
  3. Third item

# 4、代码块

```

{
"firstName": "John",
"lastName": "Smith",
"age": 25
}

```

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}

# 5、表格

| Syntax | Description |
| --------- | ----------- |
| Header | Title |
| Paragraph | Text |

Syntax Description
Header Title
Paragraph Text

# 二、vuepress 中使用

  下面标注 ✖ 表示 vuepress 中不支持的 Markdown 语法,标准 ✔ 表示 vuepress 的 Markdown 拓展语法

# 容器 ✔

::: tip
这是一个提示
:::

::: warning
这是一个警告
:::

::: danger
这是一个危险警告
:::

::: details
这是一个详情块,在 IE / Edge 中不生效
:::

TIP

这是一个提示

WARNING

这是一个警告

WARNING

这是一个危险警告

DETAILS

这是一个详情块,在 IE / Edge 中不生效

# 1、高亮 ✖

==高亮==

==高亮==

# 2、任务列表 ✖

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

  • [x] Write the press release
  • [ ] Update the website
  • [ ] Contact the media

# 3、脚注 ✖

Here's a sentence with a footnote. [^1]

// 内容

[^1]: This is the footnote.

Here's a sentence with a footnote. [^1]

[^1]: This is the footnote.

更新于 : 7/8/2024, 10:21:14 AM