published on 10.11.2018

Başlamadan önce söyleyeyim, abartacak hiçbir şey yok, markdown dünyanın en kolay markup dili olabilir. 5 dakikada öğrenilir. Yaygın olarak her yerde de kullanılır, reddit’ten github’a…

2020 Update: I’ve found this.

Headers

1
2
3
4
# Header Level 1
## Header Level 2
### Header Level 3
#### Heade... you get the idea...
1
[Name](Path)

Don’t click on this link

Image

1
![Name](Path)

KamArt

Code Block

``` We type code beetween these characters. ```

1
2
3
4
public void PrintHello() 
{
  Console.Writleline("Hello Markdown");
}

Why it didn’t work then? You guessed it classic escape character, back slash: \ comes to rescue.

Öyleyse geliyor, yüzyılın iyiliği. Grave Accent denilen bu karakteri, ASCII 96 olarak da bilinir, Türkçe klavyede nasıl yapacağız? ASCII demişken, Alt + 96 kombinasyonuyla olur ama bizim klavyede virgül ve noktalı virgülün bulunduğu tuştur. Tek başına virgül, shift ile noktalı virgül yazdıran tuş ALTGR ile ` verir.

Sözü açılmışken, ALTGR + Ü = ~ Tilde verir. Çoğu klavyede bu sembolleri tuşların üstüne basmamışlar. Ara ki bulasın!

Line Break

Line break yoksa kullanın kardeşim. =P
Line break varmış halbuki markdown’da. Satır sonuna iki ya da daha fazla space atarsan linebreak atmış oluyorsun.

Unordered List

1
2
* Unordered list item
* Another unordered list item
  • Unordered list item
  • Another unordered list item

Ordered List

1
2
3
1. Ordered list Item One
2. Ordered list Item Two
3. And so on
  1. Ordered list Item One
  2. Ordered list Item Two
  3. And so on

1
2
3
4
5
1. Ordered list Item One
2. Ordered list Item Two
4. And so on
5. look this is actually 4th.
41. not 41 really.

Çıktıya dikkat et, sıralı gidiyor. Güzel bir özellik, birden fazla listeyi birleştirirken ya da ortadan bir satırı sildiğinde tek tek rakamları değiştirmekle uğraşmıyorsun.

  1. Ordered list Item One
  2. Ordered list Item Two
  3. And so on
  4. look this is actually 4th.
  5. not 41 really.

Checkbox

  • this is an incomplete item
  • this is also an incomplete task
  • well, this is a complete one

Table

Bu biraz zahmetli.

1
2
3
4
Character | Quote
---- | ------
Invoker | The skies set you a flame!
Nyx | nyx nyx nyx nyx nyx ...
CharacterQuote
InvokerThe skies set you a flame!
Nyxnyx nyx nyx nyx nyx …
InvokerI am a beacon of knowledge blazing out across a black sea of ignorance.
InvokerDid I hear a squeak?
InvokerThroughout the aeons, I have been known by many names but my true name of power; is CARL.
Ele’yasClearly, I have a weakness for horned wenches.
IorverthLackeys like you we coat in honey then tie you down on an anthill.
Elven WardancerWatch and learn
Elven WardancerToo fast for you dh’oine
AelirennDrive the apeman into the sea
Vrihedd BrigadeThis is Elven land, Dh’oine, upon which your kind dies

BlockQuote (>)

As Mustafa Kemal said:

1
> Ne mutlu Türk'üm diyene!

Ne mutlu Türk’üm diyene!

Emphasis (* *, ** **)

1
Cebren ve hile **aziz vatanın** _bütün kaleleri _zapt edilmiş_, bütün **orduları dağıtılmış**, ve memleketin **her köşesi bifiil işgal edilmiş** olabilir.

Cebren ve hile aziz vatanın bütün kaleleri zapt edilmiş, bütün orduları dağıtılmış, ve memleketin her köşesi bifiil işgal edilmiş olabilir. Bütün bu şeraitten daha elim ve daha vahim olmak üzere, memleketin dahilinde, iktidara sahip olanlar, gaflet ve dalalet ve hatta hıyanet içinde bulunabilirler. Hatta bu iktidar sahipleri şahsi menfaatlerini, müstevlilerin siyasi emelleriyle tevhit edebilirler. Millet, fakr ü zaruret içinde harap ve bitap düşmüş olabilir.

Ey Türk istikbalinin evladı! İşte, bu ahval ve şerait içinde dahi, vazifen; Türk İstiklal ve Cumhuriyetini kurtarmaktır! Muhtaç olduğun kudret, damarlarındaki asil kanda mevcuttur.

Published on 10.11.2018 by Mert Bakır with commit 4fa6ba7.
karalama
#markdown #web-dev
published on 24.01.2021
edited on 11.06.2021

Some time ago, I wanted to display image galleries on my Hugo website and searched for Hugo themes for photography and gallery. I can’t say I find much. Then, I met with a javascript library called nanogallery2 which is using another javascript library as an image viewer lightbox2. In this …

published on 23.01.2021
edited on 11.06.2021

Image processing may seem complicated at first but it’s actually easy and definitely worth implementing since it’ll help you decrease page load times. As you probably know, we don’t want to load raw images with huge sizes for small thumbnails or blog-posts. We want to load a small …

published on 05.12.2020

Resume A4 is a side project of mine. It’s one page Hugo Theme that allows you to write your resume in YAML format and keep track of it using git. Also, you can publish it online as a static site using GitLab, GitHub Pages, Netlify, or some other service you are familiar with. A few months …

published on 29.11.2020
edited on 05.12.2020

Plotly is a visualization library that allows us to write code in Python, R, or Julia and generates interactive graphs using Javascript. So, we don’t have to deal with Javascript. You can checkout Plotly gallery, there are interesting works. Anyway, last week, I’ve started learning …

published on 31.12.2020
edited on 26.06.2021

I’ve, recently, published a blog post called Perfect Workflow for Publishing Python Notebooks. I talked about some of the benefits of using Rmarkdown and reticulate. In this post, I’ll try HTML widgets and explain how we can embed those in our blog post using nothing but R. […] 1 …

published on 30.11.2020

I’ve been searching for a good workflow for publishing Jupyter or RMarkdown Notebooks as static blog posts. I think I’ve found the optimal solution for my use case. In this post, I’ll explain my workflow and why chose this way with examples. […] In reality my main purpose to …