published on 03.07.2018

Bu yazıda liquid syntaxında forloop’dan bahsedeceğiz. Yeni başlayanların da ilk karşılaştıkları klasik yapı, for döngüsü.

1
2
3
{% for post in site.posts%}
    // Do something here
{% endfor %}

Hemen karşınıza çıkmayan bazı incelikleri var. Onları paylaşalım:

1
2
3
{% for i in (0..10) %}
    {{i}}
{% endfor %}

Çıktı:

1
012345678910

Dikkat edin, 10 dahil. Burada 0 veya 10 yerine değişken de kullanılabilir.

1
2
3
4
5
{% assign myarray = '1,2,3,4,j,m,y,t,z,0,-1' | split: ',' %}
{% assign n = myarray | size | minus: 1 %}
{% for i in (0..n) %}
    {{myarray[i]}}
{% endfor %}

Çıktı tabii ki 1 2 3 4 j m y t z 0 -1 olacak. Burada size | minus: 1 ile n = 10 yaptık. Çünkü yukarıda dediğim gibi (0..n), n dahil. Aksi halde, myarray[11] için bir eleman bulamayacaktı, eleman bulamayınca ekrana bir şey yazmaz ve sorunsuz şekilde devam eder.

Yukarıdaki gibi klasik sayaçlı yapıyı kullanmadan da indexe ulaşabilirsiniz.

1
2
3
{% for post in site.posts %}
    {{forloop.index0}}
{% endfor %}

Çıktı: (10 post olduğunu varsayarsak)

1
0123456789

Benzer şekilde forloop.index de kullanılabilirdi, farkı ise tahmin edileceği üzere 0’dan değil 1’den saymaya başlaması.

Ayrıca limit parametresi ile for döngüsünü sınırlayabilirsiniz. forloop.index == 5 döngüden çıkacaktır. Aynı işlemi, döngü içinde if statement ve break komutuyla da yapabilirdik ama limit bizi birkaç satır koddan kurtarıyor.

1
2
3
{% for item in items limit: 5 %}
    // Do something here
{% endfor %}
You are reading the 8th of 19 episodes in Jekyll.
Published on 03.07.2018 by Mert Bakır with commit 7858b9b.
jekyll
#jekyll #liquid #web-dev
Next episode:
Liquid: Dizi Operasyonları ve Hileler
published on 03.07.2018

Bu yazıda, liquid syntax’ı ile diziler üzerinde yapılabilecek bazı işlemler üzerinde duracağım. Etiketlere Göre İlgili Yazılar Devam konusundaki inadım üzerine liquid’in array yapısı ile epey içli dışlı oldum. Öğrendiklerimi burada not alacağım. […] Doğru cevap: …

published on 18.05.2018

Pagination. Sayfalandırma. İsteğimiz her post için ‘önceki’ ve ‘sonraki’ postlara gidecek birer link oluşturmak ve bunu herhangi bir plugin kullanmadan yapmak. Aslında, postları tarihe göre sıralayıp önceki ve sonraki postlar için birer link ekleyeceğiz. Olduça basit bir iş. …

published on 01.07.2018

Oldukça uzun, bir o kadar da gerekliliği tartışılır kod parçasını paylaşmak üzereyim. Baştan söyleyelim, biraz döngüler dönecek if statementlar kontrol edilecek. Bunlara bağlı olarak, eğer blogunuzda çok post varsa build time kötü derecede etkilenecek. Ne kadar etkisi olur, 11 postluk blogta şu an …

published on 21.08.2020

Hugo için rss-feed-in-hugo yazısını paylaştıktan sonra fark ettim ki jekyll için yazmamışım. İki yol göstereceğim, birincisi eklenti ile ikincisi liquid kodu ile. […] Eklenti ile yapmak oldukça kolay. Gemfile’ınıza gem 'jekyll-feed' satırını ekleyin ve _config.yml dosyasına ise …

published on 20.01.2019

Bir postun altına, sıradaki N adet postun linkini nasıl ekleriz? Pagination, ama previous ile next yerine next N post. N, sizin seçeceğiniz bir sayı. Pagination adlı yazıda, önceki ve sonraki yazıları nasıl elde edeceğimizi anlatmıştım. Bir de uzunca ve build time kötü etkileyecek ama teoride …

published on 03.07.2018

Bu yazıda daha önce yazdığım Etiketlere Göre İlgili Yazılar konusundaki yapıyı eleştirip iyileştireceğiz. En azından başlangınçta öyle düşünüyordum. Kısaca hatırlayalım, ne yaptığımızı: […] Amaç: Tüm postlar arasından (all_posts) mevcut sayfanın etiketlerinden (page.tags) en az birine sahip …