Markdown 扩展示例

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

高亮

VitePress 提供由 Shiki 支持的语法高亮功能, 并附有线条高亮等额外功能:

Input

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

Output

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

自定义内容

Input

::: 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.
:::

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.

更多

请查看相关文档 full list of markdown extensions.