这个主题已经安装并配置了 @astrojs/mdx↗ 集成在你的 astro.config.mjs
配置文件中。如果你不想使用 MDX,可以通过从配置文件中移除集成来禁用支持。
为什么使用 MDX?
MDX 是 Markdown 的一个特殊变种,支持嵌入 JavaScript 和 JSX 语法。这解锁了将 JavaScript 和 UI 组件混合到你的 Markdown 内容中的能力,例如交互式图表或警告。
如果你有现有的用 MDX 编写的内容,这个集成应该会让迁移到 Astro 变得非常简单。
示例
以下是如何在 MDX 中导入和使用 UI 组件。 当你在浏览器中打开这个页面时,你应该能看到下面可点击的按钮。
更多链接
- MDX 语法文档↗
- Astro 使用文档↗
- 注意: 客户端指令↗ 仍然需要创建交互式组件。否则,你的 MDX 中的所有组件默认将渲染为静态 HTML(无 JavaScript)。
Thanks for reading!