Achievement 4 ( Kazanım Görevi 4 ) Markdown Uygulaması [ İçerik Şekillendirme]
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.
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
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 H2O
SuperScript nasıl eklenir?
Bir metnin taban çizgisinin üzerinde görünmesi için komutu kullanabilirsiniz.
İpucu: Tıklanabilir bir bağlantı ekleyebilirsiniz İki şekilde tablo oluşturabilirsiniz Tablo oluşturmanın kolay yolu Çıktısı : Html kullanarak bir tablo oluşturun Her tablo satırı A reference goes here<sup>1</sup>çıktı olarak >>
Buraya bir referans gelir1Referans Burada<sup>[1](https://steemd.com)</sup>
çıktı olarak >> Referans Burada1çıktı olarak >>Tablolar :
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
Başlık 1 Başlık 2 Alt Başlığınız 1 Alt Başlığınız 2 Etiketi ile bir HTML tablosu tanımlanı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ı
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ı :
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmYc7f5HaZhZC1tnofBByafrCrq7dC2x4CbjskYkJvWguC/QmdkNq6R6yvrxN6kvQDVnCHqqqHyoWHtbzysNGdVyitLob.jpg)
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
Çıktısı :
![](https://steemitimages.com/500x500/https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg)
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ı :
![](https://steemitimages.com/500x5000/https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg)
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ı :
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmbFjWmi4mxw5AXo9BjVNvobWGc5fmAQyxvhR8S3s4QMtf/20180312_114323.jpg)
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
https://steemitimages.com/600x0/https://cdn.steemitimages.com/DQmeNf3mCmKEGR2mmF2jRxS55oExBc398GSgLEzsg6ex7eK/20180127_094041.jpg
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 :
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
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...
Yeni başlayan ve kendini içeriklerinin kalitesine önem veren kullanıcılar için müthiş bir içerik. Tebrikler...