Markdown 扩展示例

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

语法高亮

VitePress 提供了由 Shiki 驱动的语法高亮功能，还支持行高亮等附加特性：

输入

```js{4}
export default {
  data () {
    return {
      msg: '高亮显示！'
    }
  }
}
```

输出

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

自定义容器

输入

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

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

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

::: danger
This is a dangerous warning.
:::

::: details
This is a details block.
:::

Output

INFO

This is an info box.

TIP

This is a tip.

WARNING

This is a warning.

DANGER

This is a dangerous warning.

Details

This is a details block.

More

Check out the documentation for the full list of markdown extensions.