Markdown 拡張機能の例

このページでは、VitePress に組み込まれている Markdown 拡張機能の一部を紹介します。

シンタックスハイライト

VitePress は Shiki を使用したシンタックスハイライトを提供し、行ハイライトなどの追加機能も利用できます。

入力

```js{4}
export default {
  data () {
    return {
      msg: 'ハイライト！'
    }
  }
}
```

出力

export default {
  data () {
    return {
      msg: 'ハイライト！'
    }
  }
}

INFO

これはインフォメーションボックスです。

TIP

これはヒントです。

WARNING

これは警告です。

DANGER

これは危険な警告です。

Details

これは詳細ブロックです。