该主题已附带了 @astrojs/mdx↗ 整合功能,并已根据您的 astro.config.mis 配置文件进行了安装和配置。如果您不希望使用MDX,可以通过从您的配置文件中移除该整合功能来禁用其支持。
为什么选择MDX?
MDX 是 Markdown 的一种特殊变体,它支持嵌入 JavaScript 及其 JSX 语法。这使得用户能够将 JavaScript 与 UI组件结合到 Markdown 内容中,从而实现诸如交互式图表或警报等功能。
如果你已有使用 MDX 编写的现有内容,此集成有望使迁移到Astro变得轻而易举。
示例
以下是您如何在 MDX 中导入并使用 UI 组件的方法。 当您在浏览器中打开此页面时,应能看到下方的可点击按钮。
More Links
- MDX Syntax Documentation↗
- Astro Usage Documentation↗
- 注意: Client Directives↗ 创建交互式组件仍需客户端指令。否则,您的MDX中的所有组件将默认以静态HTML(无JavaScript)形式渲染。
Thanks for reading!
已复制链接

Comments