使用 MDX

呢個主題已經安裝咗 @astrojs/mdx 整合，並且喺你嘅 astro.config.mjs 設定檔案入面配置好咗。如果你唔想用 MDX，你可以透過從設定檔案移除呢個整合嚟停用支援。

點解要用 MDX？

MDX 係一種特別嘅 Markdown 風格，支援嵌入式 JavaScript 同 JSX 語法。咁樣就可以 喺你嘅 Markdown 內容入面混合 JavaScript 同 UI 組件，用嚟做啲互動式圖表或者提示之類嘅嘢。

如果你已經有啲用 MDX 寫嘅內容，呢個整合應該可以令你輕鬆咁遷移到 Astro。

例子

呢度示範咗點樣喺 MDX 入面導入同使用一個 UI 組件。 當你喺瀏覽器打開呢一頁，你應該會見到下面嗰個可以點擊嘅按鈕。

更多連結

• MDX 語法文件
• Astro 使用文件
• 注意： Client Directives 仍然需要嚟建立互動組件。否則，你嘅 MDX 入面所有組件預設會渲染成靜態 HTML（冇 JavaScript）。