Hightlight

Define the highlight block component through highlight. Supports 7 highlight color styles (purple, yellow, orange, red, blue, green, gray).

Example Effects

💡

This is highlighted content

👋

This is highlighted content

🚀

This is highlighted content

🌟

This is highlighted content

🚀

This is highlighted content

📌

This is highlighted content

🔑

This is highlighted content

Code:

:::highlight purple 💡
This is highlighted content
:::

:::highlight yellow 👋
This is highlighted content
:::

:::highlight orange 🚀
This is highlighted content
:::

:::highlight red 🌟
This is highlighted content
:::

:::highlight gray 🚀
This is highlighted content
::: 

:::highlight blue 📌
This is highlighted content
:::

:::highlight green 🔑
This is highlighted content
:::

The content of the highlight block follows Markdown syntax.

Using Icon

This is highlighted content

Code:

:::highlight purple {icon="material-two-tone-storefront"}
This is highlighted content
:::

Without Using Icon

This is highlighted content

Code:

:::highlight purple
This is highlighted content
:::

Multi-level Nesting

Parent

Parent content

Child

Child content

Deep Child

Deep child content

Code：

:::::info[Parent]

Parent content

::::danger[Child]

Child content

:::tip[Deep Child]

Deep child content

:::

::::

:::::

Example Effects#

Using Icon#

Without Using Icon#

Multi-level Nesting#

Example Effects

Using Icon

Without Using Icon

Multi-level Nesting