Kazanım Görevi 4: Markdown Uygulaması :

Bu görevin hedefleri şunlardır:

• Yeni gelenlerin temel Markdown becerilerine ulaşmasını sağlamak.
• Yeni gelenler, markdown kodlarını kullanarak içeriklerini şekillendirebilmesi sağlarak , gönderilerinin okunması ve tasarımını geliştirirmesi sağlamak.

Bir gönderinin kolayca okunabilmesi için güzel bir şekilde biçimlendirilmesi gerekir.

Steemit, Markdown'u destekler ve temel sözdizimi ve hatırlaması kolay komutları kullanarak çekici bir sonuç elde edebilirsiniz. Hackmd.io gibi editör olarak kullanabileceğiniz araçlar da vardır.

Aşağıda, yayınınızın sunumunda küçük bir değişiklik olması için gönderinize uygulayabileceğiniz markdown koleksiyonları ve bazı gelişmiş markdown kodu / şablonu bulunmaktadır. Bunlar -katerinaramm tarafından derlendi ve orijinal gönderiyi yandaki linke tıklayarak inceleyebilirsiniz. How to Use Mark Down Style for an Appealing – Easy to Read Post in Steemit.

Görsel Kaynak

Başlıklar
Başlıklar ve alt başlıklar, gönderinizin yapısını gösterdikleri ve okuyucunun gözüne rehberlik ettikleri için önemli unsurlardır .

Başlık oluşturmanın iki yolu vardır.

(a) Satırın başına bir #sembol eklersiniz. Hashtag sembolünün #sayısı arttıkça, başlık boyutu küçülür.

Örneğin:

Başlık 1

Başlık 2

Başlık 3

Başlık 4

Başlık 5

Başlık 6

Yukarıdakiler bu kodla oluşturulmuştur:

# Başlık 1
## Başlık 2
### Başlık 3
#### Başlık 4
##### Başlık 5
##### Başlık 6

Başlıklar için İpuçları (yalnızca H1 ve H2 için)

# Eklemek yerine, başlığınızı ve üç tire veya üç kez eşittir işaretinin altına ekleyebilirsiniz.

Örnek :

Bu bir başlık 2 olacak
---

Bu bir başlık 1 olacak
===

İpucu: Başlığı aşağıdaki gibi ortalanmış, italik, üstü çizili yapabilirsiniz

• ortalanmış başlık # <center>Headline here</center>

• italik başlık #Başlık '

• Üzeri Çizgili : ~~Başlık~~ >>>Başlık >>>

Metin:

Metinle birçok şey yapabilirsiniz. Steemit üzerine bir makale yazarken yapabileceğiniz bir şey, metninizi doğrulamaktır.

Aşağıdaki komutları öğrenmeniz ilk aşamada zor olabilir , bu yüzden Türk kullanıcılara içerik üretmeleri için gerekli temel MarkDown Kurallarının Özel bir şekilde hazırlayacağım. Bu gönderini Kazanım Görevlerinin Türkçe versiyonudur. Bunun dışında Markdown kodlarını daha kolay öğrenebilmeniz için aşağıda üç adet Türkçe Markdown Kodları bilgi linklerini bırakıyorum. Bunların hepsini en yakın zamanda derleyeceğim.

Markdown Kodları Nedir ve Nasıl Kullanılır

Kırmızı Yazılar - Sağa/Sola Yaslama - Markdown Kodları #2

Görsel Boyutlandırma

---

Metni Yaslamak :

Örnek :

<div class="text-justify">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget purus a tortor egestas placerat sit amet vitae sem. Nullam sit amet finibus justo. Donec volutpat ipsum leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse sit amet dignissim ante.
</div>

Metnin Çıktısı :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget purus a tortor egestas placerat sit amet vitae sem. Nullam sit amet finibus justo. Donec volutpat ipsum leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

( Yaslama Komutu Olmadan > )

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc eget purus a tortor egestas placerat sit amet vitae sem. Nullam sit amet finibus justo. Donec volutpat ipsum leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Sayfayı İkiye Bölme :

Bazen bir şeyi iki dilde yazmanız veya iki farklı sütuna girmeniz gerekebilir.

Örnek :

Hangi Kod ile Yapılır ?

<div class='pull-left'> Örnek Sol </div>

<div class='pull-right'> Örnek Sağ </div>

Alt Simge nasıl eklenir?

<sub> text or number here </sub> Taban çizgisinin altında bir metnin veya sayının görünmesini sağlamak için kullanabilirsiniz .
H<sub>2</sub>O çıktı olarak H₂O

SuperScript nasıl eklenir?

^{Bir metnin taban çizgisinin üzerinde görünmesi için komutu kullanabilirsiniz.}

A reference goes here<sup>1</sup>çıktı olarak >> Buraya bir referans gelir¹

İpucu: Tıklanabilir bir bağlantı ekleyebilirsiniz

Referans Burada<sup>[1](https://steemd.com)</sup> çıktı olarak >> Referans Burada¹çıktı olarak >>

Tablolar :

İki şekilde tablo oluşturabilirsiniz

Tablo oluşturmanın kolay yolu
Aşağıdakileri kopyalayıp yapıştırın ve ihtiyacınız olan sayıda başlık ve hücre ekleyin.

Başlık 1 | Başlık 2
--------- | ----------
Alt Başlığınız 1 | Alt Başlığınız 2

Çıktısı :

Başlık 1	Başlık 2
Alt Başlığınız 1	Alt Başlığınız 2

Html kullanarak bir tablo oluşturun

Etiketi ile bir HTML tablosu tanımlanır .

Her tablo satırı etiketiyle tanımlanır . Etiketi ile bir tablo başlığı tanımlanır . Varsayılan olarak, tablo başlıkları kalın ve ortalanmıştır. Etiketi ile bir tablo verisi / hücresi tanımlanır . Kaynak

---

Html ile tablo oluşturmak yukarıda Markdown koduna göre karışık olduğu için tablolarını yukarıdaki kod ile oluşturmanızı tavsiye ediyorum. Yine de Html ile tablo oluşturmak isteyenler benimle iletişime geçerek nasıl yapacaklarını gösterebilirim.

Kod :

Bir gönderiye Kod eklemek bazen gereklidir, aşağıdaki iki şekilde çalışır:

a. Markdown sözdiziminden önce ve sonra bir geri tik ( ` ) ekleme

**using bold syntax**>> kalın sözdizimi kullanma

veya b. kelimenin / cümlenin sonundaki komuttan önce ve sonra kullanabilirsiniz

<code> *merhaba* </code> çıktı >> merhaba olacak

Daha fazla bilgiyi yandaki linke tıklayarak öğrenebilirsiniz. Link

Alıntılar - Blok alıntılar
Sık sık bir alıntı yazmamız gerekir, birinin söylediği veya yazdığı bir cümle.
Bu >cümlenin önünde kullandığımız zamandır

Birinin yazdığı / söylediği bir şey için> ile blok alıntılar

> “Any fool can know. The point is to understand.”

• Albert Einstein

Çıktı

“Any fool can know. The point is to understand.”

• Albert Einstein

Satır Sonu :

Bazen metin arasında fazladan bir satır aralığına ihtiyacımız olabilir. Fazladan bir satır boşluğu eklemek için
kullanabiliriz <br>

VİDEOLAR :

Yayınlarımıza genellikle video veya gif eklememiz gerekir.

YouTube videoları anında gömülür, böylece bir bağlantı koyarsanız metinde görünür. Metne veya görüntülere herhangi bir şekilde müdahale ederse, cetvelin önüne ve arkasına koyabilirsiniz.

Gif'ler de yerleştirilebilir, sadece bağlantıyı koyun ve hatta bunları

komutla ortalayabilirsiniz.

https://media.tenor.com/images/917de53340b903bb7c142031b411593e/tenor.gif

İpucu: Burada biten url'yi bulmanız gerekir. gif

---

DTube yüklenebilir ancak YouTube'dan biraz daha fazla zaman gerektirir.

Senaryo a : Bir dtube videosu yüklediğinizde, otomatik olarak steemit yayınınıza yerleştirilir.
Ayrıca youtube videosunun ve ekran görüntüsünün bağlantısını da gösterir.
Örneğin: https://steemit.com/music/@thetroublenotes/ap0ofmc6

Bunların her ikisi de ihtiyacımız olan + kullanım bağlantılarıdır (kullanılan dtube bağlantısı ve ekran görüntüsü)

Yukarıdaki bilgilere zaten sahipseniz, bu kodu kullanarak videoyu yükleyebilirsiniz:

<center><a href='https://d.tube/#!/v/thetroublenotes/ap0ofmc6'><img src='https://ipfs.io/ipfs/QmNnrP6KnhTHqFAfwt8CnB6XeRHfMZ5Qj2ngyT7dgt2UwP'></a></center>
(çıktısı)

Senaryo B dtube videosunun bulunduğu yerde bir steemit bağlantınız yok, ancak dtube bağlantınız var.

<center><a href='https://d.tube/#!/v/thetroublenotes/ap0ofmc6'><img src='https://cdn.steemitimages.com/DQmYc7f5HaZhZC1tnofBByafrCrq7dC2x4CbjskYkJvWguC/QmdkNq6R6yvrxN6kvQDVnCHqqqHyoWHtbzysNGdVyitLob.jpg'></a></center>

Çıktısı :

NOT : Bu yolun olumlu yanı, kendi favori fotoğrafınızı seçebilmenizdir!

Cetvel :

Bir temayı ayırmak isterseniz cetvel yükleyebilir veya satırın başında 3 tire, 3 yıldız veya 3 eşit işaret kullanabilirsiniz.

---veya ***veya===

---

Görüntüler :

Görüntüler nasıl hizalanır ?

Görüntülerinizi ortaya, sol veya sağ tarafa hizalayabilirsiniz.

Sola Hizalamak :

<div class="pull-left">
https://steemitimages.com/500x500/https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg

``` Yazınız ```

Çıktısı :

Yazınız

Daha fazla yazınızı yazmaya devam edebilirsiniz....

---

Sağa hizalamak :

<div class="pull-right">
https://steemitimages.com/500x5000/https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg
</div>
Yazınız

Çıktısı :

Yazınız

---

Merkezi hizalama :

<center>https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg</center>

Bu, merkez hizalamanın çıktısıdır, görüntü boyutu değişmez.

Çıktısı :

Hizalanmış görüntünün altına bağlantı + başlık eklemenin basit ve zarif bir yolu :

<div class="pull-left"><center>https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg<sub><a href="https://www.steemit.com">LINK NAME</a></sub></center></div>

Çıktısı :

Resmimi nasıl daha görüntülenebilir hale getirebilirim (resmimin yeni, daha büyük bir versiyonunu açmak için?)

Steemit'te bir görüntünün ölçeği nasıl küçültülür
Görüntünüzü stemit'e yüklemeden önce yeniden boyutlandırmanız genellikle en iyisidir. Ancak bazen vaktimiz olmuyor ya da mümkün olmuyor. Bu, doğrudan steemit üzerinde yeniden boyutlandırabileceğiniz zamandır.

ADIM 1. Resmi yükleyeceksiniz
Kod şöyle görünecek

![20180127_094041.jpg](https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg)

ADIM 2. Yalnızca ana görüntüyü bırakırsınız (alt metin ve parantez olmadan)
https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jgg

ADIM 3: Kopyalayın https://steemitimages.com ve ekleyin, /0x0/böylece https://steemitimages.com/0x0/

ADIM 4. Şöyle görünmesi için fotoğrafınızın başlangıç ​​noktasına yapıştırın

https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

ADIM 5. Görüntünüzü küçültmeye hazırsınız! Birinci veya ikinci 0 yer tutucuda olmasını istediğiniz piksel sayısını girin. Bu, görüntünün istenen boyutlarda küçültülmesine neden olacaktır.

ÖRNEK :

Bu görüntünün boyutu 3200 x 1470

https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

Bu görüntünün yüksekliği 600

https://steemitimages.com/600x0/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

Bu resmin genişliği 100

https://steemitimages.com/0x100/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg

Not Resim söz konusu olduğunda telif hakkı çok önemlidir. Hangi görselleri kullanacağınızdan ve en iyilerini nasıl bulacağınızdan emin değilseniz, yandaki linke tıklayın. Link

Bonus:

Bazen bir gönderide bir şey görürüz ve merak ederiz .. Bunu nasıl yaptı !?
Kodu her steemit gönderisinde görmek mümkündür, tek yapmamız gereken url'de (it) 'i (d) ile değiştirmektir

Örnek :

https://steemit.com/steemit/@katerinaramm/make-the-most-out-of-steemit-a-personal-approach-by-katerinaramm

Görmek İçin : https://steemd.com/steemit/@katerinaramm/make-the-most-out-of-steemit-a-personal-approach-by-katerinaramm

---

Markdown Şablonlarının Ekstra Bonus Linki:

Müzik, şiir, fotoğrafçılık, yemek tarifi ve kurgu hikayesi üzerine yazınız için kullanabileceğiniz markdown şablonlarındaki bu gönderiye göz atın

Markdowns Şablon Linki

KAZANIM 4 GÖREVİNİ TAMAMLAMAK İÇİN :

Yukarıdaki bölümde sağlanan en az 5 tür Markdown Kodu uygulayarak içerik oluşturun.

Kazanım Görevi 4 İçin Örnek İngilizce Başlığınız :"Achievement 4 by @youraccountname Task : Applying Markdowns"

Türkçe Başlık : Achievement 4 ( Kazanım Görevi 4 ) Markdown Uygulaması - @ steemitkullanıcıadınız

Gönderinizin etiketin kısmına mutlaka #turkey ve #achievement4 etiketlerini ekleyin.

---

Steemit Türkiye Temsilcisi...