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

为什么使用 MDX？

MDX 是一种特殊的 Markdown 风格，支持嵌入 JavaScript 和 JSX 语法。这使得你能够在 Markdown 内容中混合使用 JavaScript 和 UI 组件，实现诸如交互式图表或警告框等功能。

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

示例

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

Embedded component in MDX

更多链接

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