Türkçe Markdown Kullanım Kılavuzu

in turkce •  7 years ago 

Markdown stilini öğrenmek istiyorsanız doğru yerdesiniz diyebilirim. Burada tüm kod yapılarını tek tek anlatımlarla sizlere sunacağım.

Bazı bilindik kodlama araçları
Buradan öğrendiklerini denemeniz için ve ilerleyen günlerde kendi markdown yazılarınızı oluşturmak için kullanabileceğiniz editörler;

Minimalist Online Markdown Editor
StackEdit
Haroopad (Masaüstü Program)
Başlıklar

H1

H2

H3

H4

H5
H6

Alternatif olarak, altbaşlık yazım kodları:

Alt-H1

Alt-H2

Yazı Tipleri
İtalik yazı yazmak için kullanacağınız kod budur yada budur.

Kalın yazı yazmak için kullanacağınız kod budur or budur.

Hem kalın hem italik yazı yazmak için kullanacağınız kod tam olarak budur.

Üstü çizili yazı yazmak için kullanacağınız kod yalnızca budur.
Çıktı;

İtalik yazı yazmak için kullanacağınız kod budur yada budur. Kalın yazı yazmak için kullanacağınız kod budur or budur. Hem kalın hem italik yazı yazmak için kullanacağınız kod tam olarak budur. Üstü çizili yazı yazmak için kullanacağınız kod yalnızca budur.

Listeleme

  1. İlk Liste Öğesi
  2. Bir Diğer Öğesi
    ⋅⋅* Sıra veya sayısal değer verilmeyen liste öğesi
  3. İlk Liste Öğesi Alt Öğeye Sahipse
    ⋅⋅1. Alt Liste Öğesi Bu Şekilde Yazılır
  4. Diğer Liste Öğesi Alt Açıklamaya Sahipse.

⋅⋅⋅Tüm alt açıklamalar bu şekilde yazılmalıdır.⋅⋅⋅

⋅⋅Aralarda satırlar atlayarak açıklamayı fazlalaştırabilirsiniz⋅⋅

  • Sıra veya sayısal değer verilmeyen liste öğesi bu şekilde yazılır.
  • Ya da başına eksi ekleyerek
  • Ya da artı ekleyerek
    Çıktı;

İlk Liste Öğesi
Bir Diğer Öğesi ⋅⋅* Sıra veya sayısal değer verilmeyen liste öğesi
İlk Liste Öğesi Alt Öğeye Sahipse ⋅⋅1. Alt Liste Öğesi Bu Şekilde Yazılır
Diğer Liste Öğesi Alt Açıklamaya Sahipse.
⋅⋅⋅Tüm alt açıklamalar bu şekilde yazılmalıdır.

⋅⋅Aralarda satırlar atlayarak açıklamayı fazlalaştırabilirsiniz⋅⋅

Sıra veya sayısal değer verilmeyen liste öğesi bu şekilde yazılır.
Ya da başına eksi ekleyerek
Ya da artı ekleyerek
Link Verme
İki farklı şekilde link verebilirsiniz.

Klasik yazıya link vermek

Yazıya açıklamalı bir link(alt etiket) vermek

Tüm yazıları tek bir linke bağlamak

İstenilen yazıya atanan linki çağırmak

Atanan linkleri çağırmak:

Çıktı;

Klasik yazıya link vermek

Yazıya açıklamalı bir link(alt etiket) vermek

Tüm yazıları tek bir linke bağlamak

İstenilen yazıya atanan linki çağırmak

Görseller
Yazı İçerisinde:
alt text

Çağırarak ekleme:
alt text

Çıktı;

Yazı İçerisinde: alt text

Çağırarak ekleme: alt text

Yazıları Kod Satırına Almak

var s = "JavaScript kodları için özelleştirmek";
alert(s);
s = "Python kodları için özelleştirmek"
print s
Herhangi bir dil için özelleştirme yapmadan her yazıya uygun kullanmak. 
Fakat bu biçimlendirmeyi kullanırken hiçbir kod çalışmaz <b>bunun gibi</b>.
##### Çıktı;
```javascript
var s = "JavaScript kodları için özelleştirmek";
alert(s);
s = "Python kodları için özelleştirmek"
print s
Herhangi bir dil için özelleştirme yapmadan her yazıya uygun kullanmak. 
Fakat bu biçimlendirmeyi kullanırken hiçbir kod çalışmaz <b>bunun gibi</b>.
Tablolar
Tablo oluşturmak için yazıların etrafına klavye sembolleri ile tablo çizin :)

| Tablo         | Oluşturmak    | Basittir  |
| ------------- |:-------------:| ---------:|
| İşte          | Son derece    | $1600     |
| Hepsi         | basit         |   $12     |
| Bu kadar      | bir iş        |    $1     |

(|) Bu işareti dış kısımda kullanmak opsiyoneldir fakat orta alanlarda kullanmalısınız.

Az | Kod | Çok iş
--- | --- | ---
*Yazı* | `tipleri` | **aktiftir**
1 | 2 | 3
Çıktı;

Tablo oluşturmak için yazıların etrafına klavye sembolleri ile tablo çizin :)

Tablo   Oluşturmak  Basittir
İşte    Son derece  $1600
Hepsi   basit   $12
Bu kadar    bir iş  $1
(   ) Bu işareti dış kısımda kullanmak opsiyoneldir fakat orta alanlarda kullanmalısınız.
Az  Kod Çok iş
Yazı    tipleri aktiftir
1   2   3
Alıntı Yapmak
> Aslında son derece hoş bir biçimlendirme şeklidir.
> Fakat ikinci tag herhangi bir anlam ifade etmez ve iki biçimlendirmede aynı satırda gösterilir :)

Alıntısız Yazı.

> Ve alıntı biçimlendirmesi kullanırken *Yazı stillerinden* de **faydalanabilirsiniz.**
Çıktı;

Aslında son derece hoş bir biçimlendirme şeklidir. Fakat ikinci tag herhangi bir anlam ifade etmez ve iki biçimlendirmede aynı satırda gösterilir :)
Alıntısız Yazı.

Ve alıntı biçimlendirmesi kullanırken Yazı stillerinden de faydalanabilirsiniz.
Yazı İçi HTML Kullanmak
<dl>
  <dt>Listeleme biçimleri</dt>
  <dd>Böyle bir sonuca ulaşırsınız.</dd>

  <dt>HTML içinde Markdown kullanmak</dt>
  <dd>Bu *düzgün* **çalışmayabilir**. HTML tagları <em>daha mantıklı</em>.</dd>
</dl>
Çıktı;

Listeleme biçimleri
Böyle bir sonuca ulaşırsınız.
HTML içinde Markdown kullanmak
Bu *düzgün* **çalışmayabilir**. HTML tagları daha mantıklı.
Yatay Biçimlendirme (Satır Çizgisi)
Üç farklı biçimlendirme şekli vardır.

---

Tire kullanmak

***

Yıldız Kullanmak

___

Alt tire kullanmak
Çıktı;

Üç farklı biçimlendirme şekli vardır.

Tire kullanmak

Yıldız Kullanmak

Alt tire kullanmak

YouTube Video Ekleme
Doğrudan bir video çağıramazsınız fakat video thumbnaili kullanarak videoya yönlendirme yapabilirsiniz.

<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VİDEO_IDSİ
" target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VİDEO_IDSİ/0.jpg" 
alt="GÖRSEL AÇIKLAMASI" width="240" height="180" border="10" /></a>
Ya da daha sade bir yapı kullanabilirsiniz.

[![GÖRSEL AÇIKLAMASI](http://img.youtube.com/vi/YOUTUBE_VİDEO_IDSI/0.jpg)](http://www.youtube.com/watch?v=YOUTUBE_VİDEO_IDSİ)

Kaynak: https://hasan.im/turkce-markdown
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Faydalı bir yazı 👍

Güzel yorumun için teşekkür ederim

merhaba,
google driverde var olan bir videoyu nasıl yükleyebiliriz peki?