本主题已在您的 astro.config.ts 配置文件中安装并配置了 @astrojs/mdx ↗ 集成。如果您不想使用 MDX，可以通过在配置文件中移除该集成来禁用此支持。
为什么选择 MDX？#
MDX 是一种特殊的 Markdown 变体，支持嵌入 JavaScript 和 JSX 语法。这使得您能够将 JavaScript 和 UI 组件混合到 Markdown 内容中 ↗，从而实现交互式图表或警告提醒等功能。
如果您已有使用 MDX 编写的内容，这项集成有望让您向 Astro 的迁移过程变得轻而易举。
示例#
下面展示了如何在 MDX 中引入并使用 UI 组件。 当您在浏览器中打开此页面时，应该能看到下方可点击的按钮。
点击我更多链接#
- MDX 语法文档 ↗
- Astro 使用文档 ↗
- 注意： 仍需要使用 客户端指令 (Client Directives) ↗ 来创建交互式组件。否则，默认情况下 MDX 中的所有组件都将渲染为静态 HTML（无 JavaScript）。