Bu blogda neler kullanabilirim?

Bu yazı hem bir rehber hem de bir deneme alanı. Aşağıdaki her blok, content/posts klasörüne koyduğun düz bir Markdown dosyasından sunucuda HTML olarak üretiliyor. Tarayıcıya ek JavaScript gitmiyor; yalnızca kod bloklarındaki Kopyala düğmesi sonradan ekleniyor.

Görsel

Görseli public/media klasörüne koy ve normal Markdown görseli gibi yaz. Tırnak içindeki kısım alt yazı olur.

![Görselin açıklaması](/media/foto.jpg "Alt yazı")

Video

Dosya uzantısı .mp4, .webm ya da .mov ise aynı yazım bir video oynatıcıya dönüşür.

Ses

.mp3, .wav, .ogg, .m4a ya da .flac bir ses kartı olur. Köşeli parantez içindeki metin kartın başlığıdır.

YouTube ve Vimeo

Bir YouTube ya da Vimeo bağlantısını tek başına bir satıra yapıştırman yeterli; gizlilik dostu youtube-nocookie adresiyle gömülür.

https://www.youtube.com/watch?v=VIDEO_ID

Kod

Dil adını yazınca derleme anında renklenir. Dosya adı ve vurgulanacak satırlar da eklenebilir.

var builder = WebApplication.CreateBuilder(args);
var app = builder.Build();
app.MapGet("/", () => "Merhaba, ben Umut");
app.Run();

export function Selam({ ad }: { ad: string }) {
  return <p>Merhaba, {ad}!</p>;
}

Satır içi kod da olur: npm run dev. Klavye kısayolları için Ctrl + K yazabilirsin.

Bilgi kutuları

Tablo

Telefonda tablo sığmazsa yana kaydırılabilir.

Ve daha fazlası

Markdown içinde ham HTML de çalışır. Örneğin açılır kapanır bir bölüm:

Dipnot da ekleyebilirsin.¹