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

为什么使用 MDX？

MDX 是一种特殊的 Markdown 格式，支持嵌入 JavaScript 和 JSX 语法。这使你能够将 JavaScript 和 UI 组件混入 Markdown 内容，例如用于交互式图表或提示框。

如果你已有用 MDX 编写的内容，该集成可以让你轻松迁移到 Astro。

示例

以下是在 MDX 中导入并使用 UI 组件的方法。 在浏览器中打开此页面时，你应该会看到下方可点击的按钮。

MDX 中嵌入的组件

更多链接

• MDX 语法文档
• Astro 使用文档
• 注意： 创建交互式组件仍需要使用客户端指令 (Client Directives)。否则，MDX 中的所有组件默认都将作为静态 HTML（无 JavaScript）进行渲染。