Эта тема включает интеграцию @astrojs/mdx, установленную и настроенную в файле astro.config.mjs. Если вы не хотите использовать MDX, вы можете отключить поддержку, удалив интеграцию из файла конфигурации.

Зачем нужен MDX?

MDX — это специальная разновидность Markdown, которая поддерживает встроенный синтаксис JavaScript и JSX. Это открывает возможность смешивать JavaScript и UI-компоненты в вашем Markdown-контенте для таких вещей, как интерактивные графики или уведомления.

Если у вас уже есть контент, написанный на MDX, эта интеграция, надеюсь, сделает миграцию на Astro лёгкой.

Пример

Вот как можно импортировать и использовать UI-компонент внутри MDX.
Когда вы откроете эту страницу в браузере, вы должны увидеть кликабельную кнопку ниже.

Встроенный компонент в MDX

Дополнительные ссылки

• Документация по синтаксису MDX
• Документация по использованию в Astro
• Примечание: Клиентские директивы по-прежнему требуются для создания интерактивных компонентов. В противном случае все компоненты в вашем MDX по умолчанию будут отображаться как статический HTML (без JavaScript).