作者 Demo Admin
標籤
此主題已預先安裝並配置了 @astrojs/mdx 集成，具體配置已在 astro.config.mjs 設定檔中完成。如果您不想使用 MDX，可以從設定檔中移除該整合以停用其支援。
為什麼選擇 MDX？
MDX 是一種特殊的 Markdown 變體，支援嵌入式 JavaScript 和 JSX 語法。這使得您可以將 JavaScript 和 UI 元件混合到 Markdown 內容中，用於建立互動式圖表或提示框等功能。
如果您已有使用 MDX 創建的內容，此整合將使您輕鬆遷移到 Astro。
範例
以下是如何在 MDX 中匯入和使用 UI 元件。
在瀏覽器中開啟此頁面後，您應該會看到下方的可點擊按鈕。
更多鏈接
-
注意： 建立互動式元件仍然需要 客戶端指令。否則，MDX 中的所有元件預設都會渲染為靜態 HTML（不使用 JavaScript）。