跳转到正文

Markdown 扩展示例

本页演示 VitePress 内置的部分 Markdown 扩展功能。

语法高亮

VitePress 使用 Shiki 提供语法高亮,并支持代码行高亮等附加功能。

输入

md
```js{4}
export default {
  data () {
    return {
      msg: '这一行已高亮!'
    }
  }
}
```

输出

js
export default {
  data () {
    return {
      msg: '这一行已高亮!'
    }
  }
}

自定义容器

输入

md
::: info
这是一个信息容器。
:::

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

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

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

::: details
这是一个可展开的详情容器。
:::

输出

信息

这是一个信息容器。

提示

这是一个提示容器。

警告

这是一个警告容器。

危险

这是一个危险警告容器。

详情

这是一个可展开的详情容器。

了解更多

请参阅 VitePress 文档中的 Markdown 扩展完整列表