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 la prise en charge 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 embarquée. Cela débloque la possibilité d’intégrer du JavaScript et des composants 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 faciliter la migration vers Astro.

Exemple

Voici comment importer et utiliser un composant d’interface utilisateur à l’intérieur de MDX. Lorsque vous ouvrez cette page dans le navigateur, vous devriez voir le bouton cliquable ci-dessous.

Plus de Liens

• Documentation de 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 dans votre MDX seront rendus en HTML statique (sans JavaScript) par défaut.