Utilisation de MDX

Ce thème est livré avec l’intégration @astrojs/mdx installée et configurée dans votre fichier de configuration astro.config.mjs. Si vous préférez ne pas utiliser MDX, vous pouvez désactiver le support en supprimant l’intégration de votre fichier de configuration.

Pourquoi MDX ?

MDX est une variante spéciale de Markdown qui prend en charge la syntaxe JavaScript et JSX intégrée. Cela permet de mélanger des composants JavaScript et d’interface utilisateur dans votre contenu Markdown pour des éléments tels que des graphiques interactifs ou des alertes.

Si vous avez du contenu existant rédigé en MDX, cette intégration devrait, espérons-le, rendre la migration vers Astro très simple.

Exemple

Voici comment vous importez et utilisez un composant d’interface utilisateur dans MDX.
Lorsque vous ouvrez cette page dans le navigateur, vous devriez voir le bouton cliquable ci-dessous.

non.

Plus de liens

• Documentation de la syntaxe MDX
• Documentation d’utilisation d’Astro
• Remarque : Les directives client sont toujours nécessaires pour créer des composants interactifs. Sinon, tous les composants de votre MDX seront rendus sous forme de HTML statique (sans JavaScript) par défaut.