Biçimlendirme Örnekleri

İçindekiler

[toc]

Başlıklar

# h1 Başlık
## h2 Başlık
### h3 Başlık
#### h4 Başlık
##### h5 Başlık
###### h6 Başlık

Tipografi

Alt Simge / Üst Simge

• 19^.
• H₂O

- 19^th^
- H~2~O

<ins>

Eklenmiş metin

++Eklenmiş metin++

Dipnotlar

Dipnot 1 bağlantısı^[1].

Dipnot 2 bağlantısı^[2].

Satır içi dipnot^[3] tanımı.

Tekrarlanan dipnot referansı^[2:1].

Dipnot 1 bağlantısı[^first].

Dipnot 2 bağlantısı[^second].

Satır içi dipnot^[Satır içi dipnot metni] tanımı.

Tekrarlanan dipnot referansı[^second].

[^first]: Dipnot **biçimlendirme içerebilir**

    ve birden fazla paragraf kullanabilir.

[^second]: Dipnot metni.

<mark>

İşaretlenmiş metin

==İşaretlenmiş metin==

Klavye Giriş Öğesi

↑↑↓↓←→←→BA ; bazen diziye Start veya Select de eklenir.

[[↑]][[↑]][[↓]][[↓]][[←]][[→]][[←]][[→]][[B]][[A]] ; bazen [[Start]] veya [[Select]] diziye eklenir.

Öznitelikler

paragraf beni biçimlendir daha fazla metin

paragraf *beni biçimlendir*{.u-txtRed} daha fazla metin

Tipografik dönüşümler

Sonucu görmek için typographer seçeneğini etkinleştirin.

© © ® ® ™ ™ (p) (P) ±

test… test… test… test?.. test!..

!!! ??? , – —

“Akıllı çift tırnaklar” ve ‘tek tırnaklar’

Sonucu görmek için typographer seçeneğini etkinleştirin.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,,  -- ---

"Akıllı çift tırnaklar" ve 'tek tırnaklar'

Emojiler

Klasik gösterim: 😉 😢 😆 😋

Kısayollar (ifadeler): 😃 😦 😎 😉

> Klasik gösterim: :wink: :cry: :laughing: :yum:
>
> Kısayollar (ifadeler): :-) :-( 8-) ;)

twemoji ile çıktının nasıl değiştirileceğini görmek için buraya bakın.

Vurgu

Bu kalın metindir

Bu kalın metindir

Bu italik metindir

Bu italik metindir

Üstü çizili

**Bu kalın metindir**

__Bu kalın metindir__

*Bu italik metindir*

_Bu italik metindir_

~~Üstü çizili~~

Alıntılar

Alıntılar iç içe de kullanılabilir…

…bunun için ardışık büyüktür işaretleri kullanılabilir…

…veya işaretler arasına boşluk bırakılabilir.

> Alıntılar iç içe de kullanılabilir...
>> ...bunun için ardışık büyüktür işaretleri kullanılabilir...
> > > ...veya işaretler arasına boşluk bırakılabilir.

Listeler

Sırasız

• Satıra +, - veya * ile başlayarak liste oluşturun
• Alt listeler 2 boşluk girintilenerek oluşturulur:
  • İşaret karakterini değiştirmek yeni bir liste başlatır:
    • Ac tristique libero volutpat at
    • Facilisis in pretium nisl aliquet
    • Nulla volutpat aliquam velit
• Çok kolay!

Sıralı

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. Ardışık sayılar kullanabilirsiniz…

5. …veya tüm numaraları 1. olarak bırakabilirsiniz

Başlangıç numarasını değiştirin:

57. foo
58. bar

Sırasız Onay Kutusu Listesi

• Liste Öğesi 1 işaretlenmedi
• Liste Öğesi 2 işaretlendi
• Liste Öğesi 3 işaretlendi
  • Alt Liste Öğesi 1 işaretlenmedi
  • Alt Liste Öğesi 1 işaretlendi

Sırasız

+ Satıra `+`, `-` veya `*` ile başlayarak liste oluşturun
+ Alt listeler 2 boşluk girintilenerek oluşturulur:
  - İşaret karakterini değiştirmek yeni bir liste başlatır:
    * Ac tristique libero volutpat at
    + Facilisis in pretium nisl aliquet
    - Nulla volutpat aliquam velit
+ Çok kolay!

Sıralı

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa

1. Ardışık sayılar kullanabilirsiniz...
1. ...veya tüm numaraları `1.` olarak bırakabilirsiniz

Başlangıç numarasını değiştirin:

57. foo
1. bar

Onay Kutusu Listesi (Sırasız)

- [ ] Liste Öğesi 1 işaretlenmedi
- [x] Liste Öğesi 2 işaretlendi
- [x] Liste Öğesi 3 işaretlendi
  - [ ] Alt Liste Öğesi 1 işaretlenmedi
  - [x] Alt Liste Öğesi 1 işaretlendi

Kod

Satır içi kod

Girintili kod

// Bazı yorumlar
kodun 1. satırı
kodun 2. satırı
kodun 3. satırı

Adlandırılmış kod bloğu

console.log("Hello World!")
hello.js

Kod bloğu

Örnek metin burada...

Sözdizimi renklendirme

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Sözdizimi renklendirme

var foo = function (bar) {
  return bar++;
};

console.log(foo(5));

Tablolar

Sağa hizalı sütunlar

| Seçenek | Açıklama |
| ------ | ----------- |
| data   | Şablonlara aktarılacak verileri sağlayan veri dosyalarının yolu. |
| engine | Şablonları işlemek için kullanılacak motor. Varsayılan olarak Handlebars kullanılır. |
| ext    | Hedef dosyalar için kullanılacak uzantı. |

Sağa hizalı sütunlar

| Seçenek | Açıklama |
| ------:| -----------:|
| data   | Şablonlara aktarılacak verileri sağlayan veri dosyalarının yolu. |
| engine | Şablonları işlemek için kullanılacak motor. Varsayılan olarak Handlebars kullanılır. |
| ext    | Hedef dosyalar için kullanılacak uzantı. |

Bağlantılar

bağlantı metni

başlıklı bağlantı

harici olmayan bağlantı metni

Otomatik dönüştürülen bağlantı https://github.com/nodeca/pica (görmek için linkify’ı etkinleştirin)

[bağlantı metni](http://dev.nodeca.com)

[başlıklı bağlantı](http://nodeca.github.io/pica/demo/ "başlık metni!")

[harici olmayan bağlantı metni](/)

Otomatik dönüştürülen bağlantı https://github.com/nodeca/pica (görmek için linkify'ı etkinleştirin)

Görseller

![Minion](https://octodex.github.com/images/minion.png)
![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat")

Bağlantılar gibi, görseller de dipnot benzeri sözdizimini destekler.

Belgenin ilerleyen kısmında URL şu şekilde tanımlanır:

![Alternatif metin][id]

Belgenin ilerleyen kısmında URL şu şekilde tanımlanır:

[id]: https://octodex.github.com/images/dojocat.jpg  "The Dojocat"

Yatay Çizgiler

___

---

***

Medya/Gömme

Şimdilik markdown-it-video’nun en yeni çatallanması tarafından sağlanmaktadır.
Gömme işlemleri için doğrudan HTML de kullanılabilir.

Yerel Video

@[video](/media/Big-buck-bunny_trailer.webm)

Yerel Ses

@[audio](/media/Title Screen JP Version - Sonic the Hedgehog.mp3)

YouTube Gömme

@[youtube](9bZkp7q19f0)

Daha fazla seçenek burada…

Diğer

markdown-it, çeşitli sözdizimi eklentilerini destekler.

Özel kapsayıcılar

:::
*burada ejderhalar var*
:::

Not: Bu eklenti, kullanacağınız her kapsayıcı türü için yapılandırmada (warning gibi) bir tanım eklenmesini gerektirir.

Tanım listeleri

Terim 1

Tanım 1
tembel devam satırıyla.

Kompakt stil:

Terim 1

Tanım 1

Terim 2

Tanım 2a

Tanım 2b

_Kompakt stil:_

Terim 1
  ~ Tanım 1

Terim 2
  ~ Tanım 2a
  ~ Tanım 2b

Kısaltmalar

Bu, HTML kısaltması örneğidir.

“HTML” dönüştürülür ancak “xxxHTMLyyy” gibi kısmi kullanımlar olduğu gibi bırakılır.

Bu, HTML kısaltması örneğidir.

"HTML" dönüştürülür ancak "xxxHTMLyyy" gibi kısmi kullanımlar olduğu gibi bırakılır.

*[HTML]: Hyper Text Markup Language

Özet/Legend

+++ Bana tıkla!
Gizli metin
+++