Tässä mallissa on @astrojs/mdx integraatio asennettuna ja määriteltynä astro.config.mjs tiedostossa.

Jos et halua käyttää MDX:ää, voit ottaa sen pois käytöstä poistamalla integraation konfigurointitiedostosta.

Miksi MDX?

MDX on MarkDown -versio, mikä tukee sulautettua JavaScript:iä ja JSX-syntaksia. Tämä tarjoaa mahdollisuuden yhdistää JavaScript- ja käyttöliittymäkomponentit Markdown -sisältöön kuten interaktiivisille kaavioille tai ilmoituksille.

If you have existing content authored in MDX, this integration will hopefully make migrating to Astro a breeze.

Esimerkki

Näin tuot ja käytät käyttöliittymäkomponenttia MDX:ssä

Kun avaat tämän sivun selaimessa, sinun pitäisi nähdä klikattava painike alla.

MDX:ään sisällytetty komponentti

Lisää linkkejä

• MDX syntaksi ohjeistus
• Astro ohjeistus
• Huom: “Client Directives” tarvitaan edelleen interaktiivisten komponenttien luomiseen. Muuten kaikki MDX:n komponentit hahmonnetaan oletusarvoisesti staattisena HTML:nä (ei JavaScript).