Markdown 扩展示例

本页面展示了 VitePress 提供的一些内置 Markdown 扩展功能。

语法高亮

VitePress 提供由 Shiki 驱动的语法高亮功能，并包含行高亮等额外特性：

输入

```js{4}
export default {
  data () {
    return {
      msg: '高亮显示!'
    }
  }
}
```

输出

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

自定义容器

输入

::: info
这是一个信息提示框。
:::

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

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

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

::: details
这是一个详情块。
:::

输出

INFO

这是一个信息提示框。

TIP

这是一个提示。

WARNING

这是一个警告。

DANGER

这是一个危险警告。

Details

这是一个详情块。

更多内容

查看文档了解 完整的 Markdown 扩展列表。