Skip to content

测试页面

测试折叠框 & 目录生成

目录
点我展开 Markdown默认折叠语法,Vitepress可以使用容器折叠语法,更加美观

测试图片

测试图片,如果你看到这行文字,说明加载失败了

测试视频

这是原生播放器。

这是使用 xgplayer 组件的播放器。

这是 B 站视频嵌入播放器。

这是 YouTube 视频嵌入播放器。

测试文段

这是一个测试文段,用于展示自定义样式的效果。

这是一个测试文段,用于展示自定义样式的效果。

Markdown 扩展功能示例

本文档展示了 VitePress 内置的部分 Markdown 扩展功能。

语法高亮

VitePress 基于 Shiki 提供语法高亮功能,支持行高亮等增强特性:

输入

md
```js{4}
export default {
  data () {
    return {
      msg: 'Highlighted!'
    }
  }
}
```

输出

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

自定义容器

输入

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

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

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

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

::: details
这是一个可展开详情块。
:::

输出

INFO

这是一个信息框。

TIP

这是一个提示框。

WARNING

这是一个警告框。

DANGER

这是一个危险警告框。

Details

这是一个可展开详情块。

更多功能

查看 完整 Markdown 扩展列表 文档了解更多细节。

基于 AGPL-3.0 协议开源