Pourquoi convertir ASTRO en MDX ?
Les deux formats résolvent des problèmes différents : .astro construit une interface utilisateur réutilisable, tandis que .mdx est destiné à l'écriture de prose qui intègre occasionnellement des composants interactifs. Vous ne choisiriez MDX que si votre objectif est de créer des pages de contenu plutôt que des composants.
Comment convertir ASTRO en MDX
Importer le composant dans MDX FREE
Ajoutez l'intégration MDX avec npx astro add mdx, puis utilisez import pour votre composant .astro en haut d'un fichier .mdx et utilisez-le comme une balise à l'intérieur du Markdown.
Réécrire manuellement le balisage en Markdown FREE
Copiez le HTML statique du corps de l'élément .astro dans un fichier .mdx et convertissez les titres, listes et liens en syntaxe Markdown, en conservant les parties dynamiques sous forme d'expressions JSX.
À propos de ces formats
Un fichier .astro est un modèle de composant pour le framework web Astro. Il contient un balisage de style HTML ainsi qu'une section de script JavaScript ou TypeScript facultative, et Astro…
Ouvrir les détails de .ASTRO →Un fichier MDX est une image disque « Media Data eXtended » de DAEMON Tools - un remplacement en un seul fichier pour l'ancien duo .mdf + .mds. Montez-le avec le logiciel gratuit DAEMON…
Ouvrir les détails de .MDX →Qualité et points de vigilance
- MDX n'est pas activé par défaut dans Astro ; vous devez d'abord ajouter l'intégration officielle
@astrojs/mdx. - MDX utilise la syntaxe d'expression JSX et ne peut pas héberger la clôture de code réservée au serveur d'Astro, la logique du composant ne se transfère donc pas directement.
- Il s'agit d'une tâche de ré-écriture, pas d'une conversion - le résultat est un contenu, pas le composant réutilisable d'origine.
Foire aux questions
Puis-je simplement renommer .astro en .mdx ?
Puis-je utiliser mes composants Astro dans MDX ?
.mdx après avoir installé l'intégration MDX.Quel format dois-je utiliser pour un article de blog ?
.astro est préférable pour la mise en page elle-même.