Markdown 扩展示例

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

语法高亮

VitePress 使用 shiki Shiki 提供语法高亮功能,并支持额外的特性，如代码行高亮。 :

输入

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

输出

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

输入

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

::: tip
这是一个提示/小贴士。
:::

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

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

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

输出

INFO

这是一个信息框。

TIP

这是一个提示/小贴士。

WARNING

这是一个危险的警告。

DANGER

This is a dangerous warning.

Details

这是一个细节块/详细信息块。