|
|
|
@ -263,6 +263,42 @@ Wraps in a <div class="vp-raw">
|
|
|
|
|
})
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
## GitHub 风格的警报 {#github-flavored-alerts}
|
|
|
|
|
|
|
|
|
|
VitePress 同样支持以标注的方式渲染 [GitHub 风格的警报](https://docs.github.com/en/get-started/writing-on-github/getting-started-with-writing-and-formatting-on-github/basic-writing-and-formatting-syntax#alerts)。它们和[自定义容器](#custom-containers)的渲染方式相同。
|
|
|
|
|
|
|
|
|
|
```md
|
|
|
|
|
> [!NOTE]
|
|
|
|
|
> Highlights information that users should take into account, even when skimming.
|
|
|
|
|
|
|
|
|
|
> [!TIP]
|
|
|
|
|
> Optional information to help a user be more successful.
|
|
|
|
|
|
|
|
|
|
> [!IMPORTANT]
|
|
|
|
|
> Crucial information necessary for users to succeed.
|
|
|
|
|
|
|
|
|
|
> [!WARNING]
|
|
|
|
|
> Critical content demanding immediate user attention due to potential risks.
|
|
|
|
|
|
|
|
|
|
> [!CAUTION]
|
|
|
|
|
> Negative potential consequences of an action.
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
> [!NOTE]
|
|
|
|
|
> Highlights information that users should take into account, even when skimming.
|
|
|
|
|
|
|
|
|
|
> [!TIP]
|
|
|
|
|
> Optional information to help a user be more successful.
|
|
|
|
|
|
|
|
|
|
> [!IMPORTANT]
|
|
|
|
|
> Crucial information necessary for users to succeed.
|
|
|
|
|
|
|
|
|
|
> [!WARNING]
|
|
|
|
|
> Critical content demanding immediate user attention due to potential risks.
|
|
|
|
|
|
|
|
|
|
> [!CAUTION]
|
|
|
|
|
> Negative potential consequences of an action.
|
|
|
|
|
|
|
|
|
|
## 代码块中的语法高亮 {#syntax-highlighting-in-code-blocks}
|
|
|
|
|
|
|
|
|
|
VitePress 使用 [Shikiji](https://github.com/antfu/shikiji) ([Shiki](https://shiki.matsu.io/) 的改进版本) 在 Markdown 代码块中使用彩色文本实现语法高亮。Shiki 支持多种编程语言。需要做的就是将有效的语言别名附加到代码块的开头:
|
|
|
|
|