Markdown 扩展

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

语法高亮

VitePress 提供了由 Shiki 强力驱动的语法高亮功能，并支持行高亮等额外特性：

输入

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

输出

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

输入

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

::: tip 建议
这是一个建议卡片。
:::

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

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

::: details 详情
这是一个可折叠的详情区块。
:::

输出

提示

这是一个提示框。

建议

这是一个建议卡片。

警告

这是一个警告框。

危险

这是一个危险警告框。

详情

这是一个可折叠的详情区块。