Bu tema, @astrojs/mdx entegrasyonu ile birlikte gelir ve astro.config.mjs dosyanızda yapılandırılmıştır. MDX kullanmak istemezseniz, entegrasyonu konfigürasyon dosyanızdan kaldırarak devre dışı bırakabilirsiniz.

MDX Nedir?

MDX, gömülü JavaScript ve JSX sözdizimini destekleyen özel bir Markdown çeşididir. Bu sayede JavaScript ve UI Bileşenlerini Markdown içeriğine karıştırabilirsiniz – örneğin interaktif grafikler veya uyarılar.

Örnek

MDX içinde bir UI bileşenini nasıl içe aktarır ve kullanırız:

import HeaderLink from '../../components/HeaderLink.astro';

<HeaderLink href="#" onclick="alert('tıklandı!')">
	MDX içinde gömülü bileşen
</HeaderLink>

Bu sayfayı tarayıcıda açtığınızda aşağıdaki gibi tıklanabilir bir buton görmelisiniz.

Daha Fazla Bağlantı

• MDX Söz Dizimi Dokümantasyonu
• Astro Kullanım Dokümantasyonu
• Not: Client Directives interaktif bileşenler oluşturmak için hâlâ gereklidir. Aksi takdirde MDX içindeki tüm bileşenler statik HTML olarak render edilir.