ハイライトブロック
highlight
を使用してハイライトブロックを定義します。7種類のハイライトカラー(purple、yellow、orange、red、blue、green、gray)をサポートしています。
サンプル効果
:::highlight purple 💡
こちらがハイライトされた内容です
:::
:::highlight yellow 👋
こちらがハイライトされた内容です
:::
:::highlight orange 🚀
こちらがハイライトされた内容です
:::
:::highlight red 🌟
こちらがハイライトされた内容です
:::
:::highlight gray 🚀
こちらがハイライトされた内容です
:::
:::highlight blue 📌
こちらがハイライトされた内容です
:::
:::highlight green 🔑
こちらがハイライトされた内容です
:::
コード:
:::highlight purple 💡
こちらがハイライトされた内容です
:::
:::highlight yellow 👋
こちらがハイライトされた内容です
:::
:::highlight orange 🚀
こちらがハイライトされた内容です
:::
:::highlight red 🌟
こちらがハイライトされた内容です
:::
:::highlight gray 🚀
こちらがハイライトされた内容です
:::
:::highlight blue 📌
こちらがハイライトされた内容です
:::
:::highlight green 🔑
こちらがハイライトされた内容です
:::
ハイライトブロックの内容はMarkdownの記法に従います。
アイコンの使用
:::highlight purple {icon="material-two-tone-storefront"}
こちらがハイライトされた内容です
:::
コード:
:::highlight purple {icon="material-two-tone-storefront"}
こちらがハイライトされた内容です
:::
アイコンを使用しない
:::highlight purple
こちらがハイライトされた内容です
:::
コード:
:::highlight purple
こちらがハイライトされた内容です
:::
多層ネスト
:::::info[Parent]
Parent content
::::danger[Child]
Child content
:::tip[Deep Child]
Deep child content
:::
::::
:::::
コード:
:::::info[Parent]
Parent content
::::danger[Child]
Child content
:::tip[Deep Child]
Deep child content
:::
::::
:::::
更新時間 3 months ago