search

Markdown Extension Examples

This page demonstrates some of the built-in markdown extensions provided by VitePress.

hashtag
Syntax Highlighting

VitePress provides Syntax Highlighting powered by Shikiarrow-up-right, with additional features like line-highlighting:

Input

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

Output

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

hashtag
Custom Containers

Input

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

hashtag
More

Check out the documentation for the full list of markdown extensionsarrow-up-right.

最后更新于