这个主题已经预装了 @astrojs/mdx 集成，并在你的 astro.config.mjs 配置文件中进行了配置。如果你不想使用 MDX，你可以从配置文件中移除这个集成来禁用它。

为什么选择 MDX？

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

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

示例

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

MDX 中嵌入的组件

更多链接

• MDX 语法文档
• Astro 使用文档
• 注意： 客户端指令 仍然是创建交互式组件所必需的。否则，默认情况下，MDX 中的所有组件都将呈现为静态 HTML（没有 JavaScript）。