Metin ve Tipografi

Başlıklar

H1 - başlık

H2 - başlık

H3 - başlık

H4 - başlık

Paragraf

Quisque egestas convallis ipsum, ut sollicitudin risus tincidunt a. Maecenas interdum malesuada egestas. Duis consectetur porta risus, sit amet vulputate urna facilisis ac. Phasellus semper dui non purus ultrices sodales. Aliquam ante lorem, ornare a feugiat ac, finibus nec mauris. Vivamus ut tristique nisi. Sed vel leo vulputate, efficitur risus non, posuere mi. Nullam tincidunt bibendum rutrum. Proin commodo ornare sapien. Vivamus interdum diam sed sapien blandit, sit amet aliquam risus mattis. Nullam arcu turpis, mollis quis laoreet at, placerat id nibh. Suspendisse venenatis eros eros.

Listeler

Sıralı Liste

1. İlk olarak
2. İkinci olarak
3. Üçüncü olarak

Sırasız Liste

• Bölüm
  • Alt Bölüm
    • Paragraf

Yapılacaklar Listesi

• İş
  • Adım 1
  • Adım 2
  • Adım 3

Tanım Listesi

Güneş

Dünya’nın etrafında döndüğü yıldız

Ay

Dünya’nın doğal uydusu, güneşten yansıyan ışıkla görünür

Blok Alıntı

Bu satır blok alıntıyı gösterir.

İpuçları

tip türünü gösteren bir örnek.

info türünü gösteren bir örnek.

warning türünü gösteren bir örnek.

danger türünü gösteren bir örnek.

Tablolar

Şirket	İletişim	Ülke
Alfreds Futterkiste	Maria Anders	Almanya
Island Trading	Helen Bennett	UK
Magazzini Alimentari Riuniti	Giovanni Rovelli	İtalya
Onu Söyleyemiyoruz Maalesef	Adem Avşar	Türkiye

Bağlantılar

http://127.0.0.1:4000

Dipnot

Tıkla, bağlantı seni dipnota¹ götürecek, ve işte bir başka dipnot².

Satır İçi Kod

Bu, Satır İçi Kod örneğidir.

Dosya Yolu

İşte /path/to/the/file.extend dosya yolu.

Buton

OK Cancel

Vurgu

Sizler, yani yeni Türkiye´nin genç evlatları, yorulsanız dahi beni takip edeceksiniz. Dinlenmemek üzere yürümeye karar verenler asla ve asla yorulmazlar; Türk gençliği, gayeye, bizim yüksek idealimize durmadan, yorulmadan yürüyecektir.

Kod Blokları

Genel

Bu, sözdizimi vurgusu ve satır numarası olmayan genel bir kod parçacığıdır.

Belirli Dil

if [ $? -ne 0 ]; then
  echo "Komut başarılı değildi.";
  #gerekli işlemleri yap / çık
fi;

Belirli dosya adı

@import
  "colors/light-typography",
  "colors/dark-typography";

Matematik

MathJax tarafından desteklenen matematik:

\[\begin{equation} \sum_{n=1}^\infty 1/n^2 = \frac{\pi^2}{6} \label{eq:series} \end{equation}\]

Denklemi \eqref{eq:series} olarak referans alabiliriz.

$a \ne 0$ iken,

$ax^2 + bx + c = 0$ denkleminin çözümleri şunlardır

\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}\]

Mermaid SVG

 gantt
  title  Mermaid'e GANTT diyagramı işlevselliği ekleme
  apple :a, 2017-07-20, 1w
  banana :crit, b, 2017-07-23, 1d
  cherry :active, c, after b a, 1d

Mermaid

Mermaid, özellikle yazılım geliştirme ve teknik dokümantasyon süreçlerinde oldukça kullanışlı bir araçtır. Markdown dosyaları içinde yer alan basit kod bloklarıyla çeşitli görsel diyagramlar üretebilir. Bu diyagramlar arasında akış şemaları, sınıf diyagramları, dizi diyagramları ve Gantt çizelgeleri gibi farklı türler bulunur.

Mermaid kullanıcıların karmaşık görsel tasarımları hızlıca oluşturmasını sağlar. Örneğin, bir projenin zaman çizelgesini veya yazılım bileşenlerinin etkileşimini gösteren diyagramlar yapabilirsiniz. Kod tabanlı olduğu için, diyagramlar versiyon kontrol sistemleriyle kolayca yönetilebilir ve değişiklikler takip edilebilir. Bu, özellikle ekip çalışmalarında ve sürekli güncellenen projelerde büyük avantaj sağlar.

Mermaid’in en büyük avantajlarından biri, görsel içeriği doğrudan kod içerisinden yönetebilme yeteneğidir. Böylece, dışarıdan bir grafik tasarım aracına ihtiyaç duymadan doğrudan teknik dokümanlarınızda veya GitHub gibi platformlarda dokümantasyonunuzu zenginleştirebilirsiniz.

Görüntüler

Varsayılan (altyazı ile)

Tam ekran genişliği ve orta hizalama

Sol hizalı

Sola yatık

Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

Sağa yatık

Praesent maximus aliquam sapien. Sed vel neque in dolor pulvinar auctor. Maecenas pharetra, sem sit amet interdum posuere, tellus lacus eleifend magna, ac lobortis felis ipsum id sapien. Proin ornare rutrum metus, ac convallis diam volutpat sit amet. Phasellus volutpat, elit sit amet tincidunt mollis, felis mi scelerisque mauris, ut facilisis leo magna accumsan sapien. In rutrum vehicula nisl eget tempor. Nullam maximus ullamcorper libero non maximus. Integer ultricies velit id convallis varius. Praesent eu nisl eu urna finibus ultrices id nec ex. Mauris ac mattis quam. Fusce aliquam est nec sapien bibendum, vitae malesuada ligula condimentum.

Karanlık/Aydınlık mod & Gölge

Aşağıdaki resim, tema tercihine bağlı olarak karanlık/aydınlık modda değişir, gölgeleri fark edin.

Video

Ters Dipnot

1. Dipnot kaynağı ↩︎

2. İkinci dipnot kaynağı ↩︎