Шпаргалки синтаксиса

Заметки того как вызывать или менять некоторые элементы при созданеии страниц, можно сказать язык парсинга MD в HTML

Алерты

Алерты из коробки

Код

::: info
Серый банер
:::

::: tip
Синий банер
:::

::: warning Тут можно свой текст
Желтый банер
:::

::: danger Красный банер, и так можно
:::

::: details Тык
А это раскрывающийся банер 
:::

Результат

INFO

Серый банер

TIP

Синий банер

Тут можно свой текст

Желтый банер

Красный банер, и так можно

Тык

А это раскрывающийся банер

Глобальная смена заголовков

config.mts

export default defineConfig({
  // ...
  markdown: {
    container: {
      tipLabel: 'СОВЕТ',
      warningLabel: 'ПРЕДУПРЕЖДЕНИЕ',
      dangerLabel: 'ОПАСНОСТЬ',
      infoLabel: 'ИНФОРМАЦИЯ',
      detailsLabel: 'Подробная информация'
    }
  }
  // ...
})

Алерты в стиле GitHub

Код

> [!NOTE]
> Выделяет информацию, на которую пользователи должны обратить внимание, даже при беглом просмотре.

> [!TIP] Так тоже тут можно
> Дополнительная информация, которая поможет пользователю добиться большего успеха.

> [!IMPORTANT]
> Важнейшая информация, необходимая пользователям для достижения успеха.

> [!WARNING]
> Критический контент, требующий немедленного внимания пользователей из-за потенциальных рисков.

> [!CAUTION]
> Негативные потенциальные последствия того или иного действия.

NOTE

Выделяет информацию, на которую пользователи должны обратить внимание, даже при беглом просмотре.

Так тоже тут можно

Дополнительная информация, которая поможет пользователю добиться большего успеха.

IMPORTANT

Важнейшая информация, необходимая пользователям для достижения успеха.

WARNING

Критический контент, требующий немедленного внимания пользователей из-за потенциальных рисков.

CAUTION

Негативные потенциальные последствия того или иного действия.