本主题已安装并在 astro.config.mjs 配置文件中配置好了 @astrojs/mdx 集成。如果你不想使用 MDX，可以从配置文件中移除该集成来禁用支持。

为什么选择 MDX？

MDX 是一种特殊的 Markdown 变体，支持嵌入 JavaScript 和 JSX 语法。这使得你可以在 Markdown 内容中混合使用 JavaScript 和 UI 组件，例如交互式图表或提示框。

如果你已有用 MDX 编写的内容，这个集成有望让你迁移到 Astro 的过程变得轻而易举。

示例

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

MDX 中的嵌入式组件

更多链接

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