なぜ ASTRO を MDX に変換するのですか？
これら 2 つの形式は異なる問題を解決します。.astro は再利用可能な UI を構築するためのもので、.mdx は時折インタラクティブなコンポーネントを挿入する散文を書くためのものです。コンポーネントではなくコンテンツページを作成することが目的の場合にのみ、MDX を選択します。
ASTRO から MDX への変換方法
コンポーネントを MDX にインポートする FREE
npx astro add mdx で MDX 統合を追加し、.mdx ファイルの先頭で .astro コンポーネントを import して、Markdown 内でタグとして使用します。
マークアップを手動で Markdown として書き直す FREE
.astro 本体の静的 HTML を .mdx ファイルにコピーし、見出し、リスト、リンクを Markdown 構文に変換します。動的な部分は JSX 式として保持します。
これらの形式について
.ASTRO
Astro Website Component
…
.ASTRO の詳細を開く →
.MDX
Media Data eXtended image file (DAEMON Tools disc image)
MDXファイルは DAEMON Tools の «Media Data eXtended» ディスクイメージです。これは古い .mdf + .mds のペアに代わる単一ファイル形式です。無料の DAEMON Tools Lite でマウントすると、Windows は挿入された CD/DVD のように扱います。また、AnyToISO を使用して ISO…
.MDX の詳細を開く →品質と注意点
- Astro では MDX はデフォルトで有効になっていません。最初に公式の
@astrojs/mdx統合を追加する必要があります。 - MDX は JSX 式の構文を使用し、Astro のサーバー専用コードフェンスをホストできないため、コンポーネントのロジックは直接転送されません。
- これは変換ではなく再作成タスクです。結果はコンテンツであり、元の再利用可能なコンポーネントではありません。
よくある質問
.astro を .mdx にリネームするだけでいいですか？
いいえ。構文に互換性がありません。MDX は Astro の HTML ライクなテンプレートやコードフェンスではなく、Markdown と JSX を想定しています。
Astro コンポーネントを MDX で使用できますか？
はい。MDX 統合をインストールした後、
.mdx ファイルの先頭でそれらをインポートしてください。ブログ記事にはどちらの形式を使うべきですか？
MDX です。オプションでコンポーネントを埋め込めるコンテンツ向けに構築されているためです。
.astro はページレイアウト自体に適しています。MDX は JavaScript 式をサポートしていますか？
はい、MDX は JSX 式、インポート、エクスポートをサポートしていますが、Astro のサーバーコードフェンスはサポートしていません。
