Skip to content

Markdown 示例

本页面展示了 VitePress 内置的 Markdown 扩展功能。

语法高亮

VitePress 基于 Shiki 提供语法高亮:

js
export default {
  data () {
    return {
      msg: '高亮!'
    }
  }
}

自定义容器

输入

md
::: info
这是一个信息框。
:::

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

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

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

::: details
这是一个折叠块。
:::

输出

INFO

这是一个信息框。

TIP

这是一个提示。

WARNING

这是一个警告。

DANGER

这是一个危险警告。

Details

这是一个折叠块。

表格

特性说明
语法高亮支持多种语言
自定义容器info、tip、warning、danger
代码组多语言代码切换

更多

查看 VitePress Markdown 扩展 了解更多。