このテーマには @astrojs/mdx インテグレーションがインストールされており、astro.config.mjs 設定ファイルで構成されています。MDXを使用したくない場合は、設定ファイルからインテグレーションを削除してサポートを無効にできます。

なぜMDXなのか？

MDXはMarkdownの特別な形式で、埋め込みのJavaScriptとJSX構文をサポートしています。これにより、インタラクティブなチャートやアラートなど、JavaScriptとUIコンポーネントをMarkdownコンテンツに混在させることが可能になります。

既存のMDXで作成されたコンテンツがある場合、このインテグレーションによりAstroへの移行がスムーズに行えるでしょう。

例

MDX内でUIコンポーネントをインポートして使用する方法を示します。 ブラウザでこのページを開くと、下にクリック可能なボタンが表示されます。

MDXに埋め込まれたコンポーネント

関連リンク

• MDX構文ドキュメント
• Astro使用ドキュメント
• 注意: インタラクティブなコンポーネントを作成するには、クライアントディレクティブが引き続き必要です。そうでない場合、MDX内のすべてのコンポーネントはデフォルトで静的HTML（JavaScriptなし）としてレンダリングされます。