Markdown 扩展示例

本页演示了 VitePress 提供的一些内置 markdown 扩展。

语法高亮

VitePress 提供由Shiki支持的语法高亮功能，以及行高亮等附加功能：

输入

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

输出

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

输入

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

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

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

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

::: details 详情
这是一个详细信息块。
:::

Output

信息

这是一个信息框。

提示

这是一个小提示。

警告

这是一个警告。

危险的警告

这是一个危险的警告。

详情

这是一个详细信息块。