本主题已安装并配置好 @astrojs/mdx 集成。如果你不想使用 MDX，可以通过从配置文件中移除该集成来禁用它。

为什么选择 MDX？

MDX 是 Markdown 的一种特殊变体，支持嵌入 JavaScript 和 JSX 语法。这使得你可以在 Markdown 内容中混合使用 JavaScript 和 UI 组件，用于创建交互式图表或警告框等功能。

如果你已经有使用 MDX 编写的内容，这个集成应该能让你轻松迁移到 Astro。

示例

以下是如何在 MDX 中导入和使用 UI 组件的示例。 当你用浏览器打开这个页面时，你应该能看到下面这个可点击的按钮。

MDX 中嵌入的组件

更多链接

• MDX 语法文档
• Astro 使用文档
• 注意： 创建交互式组件仍然需要客户端指令。否则，MDX 中的所有组件默认会渲染为静态 HTML（没有 JavaScript）。