Контейнеры

Контейнеры — отличный способ выделить важную информацию и дать подсказки пользователям.

Подсказка

Rspress поддерживает два стиля синтаксиса: синтаксис с тремя двоеточиями ::: и синтаксис GitHub Markdown Alerts.

Синтаксис `:::`

С помощью синтаксиса ::: можно создавать пользовательские контейнеры и задавать собственные заголовки. Например:

Отрендеренный результат

Синтаксис

Заметка

Это блок типа note

Совет

Это блок типа tip

Important

Это блок типа important

Информация

Это блок типа info

Предупреждение

Это блок типа warning

Опасно

Это блок типа danger

Спойлер

Это блок типа details

Пользовательский заголовок

Это блок с пользовательским заголовком

Другой пользовательский заголовок

Это блок с другим пользовательским заголовком

:::note
Это `блок` типа `note`
:::

:::tip
Это `блок` типа `tip`
:::

:::important
Это `блок` типа `important`
:::

:::info
Это `блок` типа `info`
:::

:::warning
Это `блок` типа `warning`
:::

:::danger
Это `блок` типа `danger`
:::

:::details
Это `блок` типа `details`
:::

:::tip Пользовательский заголовок
Это `блок` с `пользовательским заголовком`
:::

:::tip{title="Другой пользовательский заголовок"}
Это `блок` с `другим пользовательским заголовком`
:::

Примечание

Типы контейнеров должны быть в нижнем регистре. Используйте :::tip, :::warning, :::caution и т. д. Типы с заглавной буквы (:::Tip, :::Warning) распознаваться не будут.
При использовании синтаксиса ::: в файлах .mdx и задании собственного заголовка через фигурные скобки их нужно экранировать. Поэтому рекомендуется сразу писать :::tip Название заголовка.

:::tip\{title="Пользовательский заголовок"}
Это `блок` с `пользовательским заголовком`
:::

Синтаксис блоков уведомлений GitHub Markdown

Вы можете использовать синтаксис блоков уведомлений GitHub Markdown для создания контейнеров.

Отрендеренный результат

Синтаксис

NOTE

Это блок типа note

TIP

Это блок типа tip

IMPORTANT

Это блок типа important

INFO

Это блок типа info

WARNING

Это блок типа warning

DANGER

Это блок типа danger

DETAILS

Это блок типа details

> [!NOTE]
> Это `блок` типа `note`

> [!TIP]
> Это `блок` типа `tip`

> [!IMPORTANT]
> Это `блок` типа `important`

> [!INFO]
> Это `блок` типа `info`

> [!WARNING]
> Это `блок` типа `warning`

> [!DANGER]
> Это `блок` типа `danger`

> [!DETAILS]
> Это `блок` типа `details`

#Контейнеры

#Синтаксис :::

#Синтаксис блоков уведомлений GitHub Markdown

Контейнеры

Синтаксис `:::`

Синтаксис блоков уведомлений GitHub Markdown