MDX で記事にコンポーネントを埋め込む

通常の Markdown はそのまま書けます。太字・リスト・コードブロックも普通に動きます。 MDX では、これに加えてコンポーネントを差し込めます。

Note（注意ボックス）

Tabs（タブ切り替え）

インストール手順をパッケージマネージャ別に並べてみます。

npm install astro

yarn add astro

pnpm add astro

まとめ

.md のままでも文章は書けますが、.mdx にすると 「記事ごとに任意の場所へ部品を置く」ことができます。