マークダウン拡張機能の例

このページでは、VitePress によって提供される組み込みのマークダウン拡張機能のいくつかを紹介します。

シンタックスハイライト

VitePress は Shiki によるシンタックスハイライトを提供し、行のハイライトなどの追加機能も備えています。

入力例

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

出力例

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

カスタムコンテナ

入力例

::: info
これは情報ボックスです。
:::

::: tip
これはヒントです。
:::

::: warning
これは警告です。
:::

::: danger
これは危険な警告です。
:::

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

出力例

INFO

これは情報ボックスです。

TIP

これはヒントです。

WARNING

これは警告です。

DANGER

これは危険な警告です。

Details

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

詳細

マークダウン拡張機能の全リスト をご覧ください。