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 faydalı bir algoritma hazırlamıştım. Etiketlere Göre İlgili Yazılar.

Şimdi ise şunu istiyoruz: Okuduğumuz post’a ait kategoride sıradaki N post. Benim kurduğum yapıda _/posts altında birçok kategori var ve bazı kategorilerde episode adında bir değişken tanımladım. Örneğin bu yazının front-matterında, category: jekyll ve episode: 13 belirtilmiş durumda. Yani sıralamayı episode numarasına göre yapacağım, date’e göre değil. Episode değişkeni tanımlı olmayan kategorilerde ise date’e göre sıralayacağım.

N = 5 için, sıradaki 5 yazıyı listelemek istiyoruz. Burada art arda 5 kere next demekten bizi alıkoyan iki durum var:

  1. Sırada 5 yazı olmayabilir. Bu listedeki son 5 yazıdan biri olabilir. Bu durumda başa döneceğiz. Bunun için elimizdeki indeksin modunu alacağız. index = index (mod list.size)
  2. Listede toplamda 5’ten az eleman olabilir. Bu duruma karşı ise, başlangıçta kontrol edeceğiz ve eğer az ise N’i güncelleyeceğiz. Basit bir if statement işimizi görecektir.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
{% assign posts = site.posts | where:'category', page.category | sort: 'episode' %}
{% assign count = posts | size %}

{% if page.episode %}
    {% assign ep = page.episode %}
{% else %}
    {% assign posts = site.categories[page.category] | sort: date %}
    {% for post in posts %}
        {% if post.title == page.title %}
            {% assign ep = forloop.index0 %}
            {% break %}
        {% endif %}
    {% endfor %}
{% endif %}

{% if count > 5 %}
    {% assign numshown = 5 %}
{% else %}
    {% assign numshown = count | minus: 1 %}
{% endif %}

<ul>
{% for i in (1..numshown) %}
{% assign pindex = ep | plus: i | modulo: count %}
<li><a href="{{posts[pindex].url}}">{{posts[pindex].title}}</a></li>
{% endfor %}
</ul>
You are reading the 14th of 19 episodes in Jekyll.
Published on 20.01.2019 by Mert Bakır with commit 5ebb327.
jekyll
#jekyll #liquid #pagination #web-dev
Next episode:
Categories
published on 21.01.2019

Jekyll’da varsayılan olarak gelen yapıda tüm postları _posts/ klasörü altında tutarız. Post sayısı arttıkça postları gruplama, alt klasörlere bölme ihtiyacı duyabilirz. Jekyll hâlâ postları görecek ve site.posts değişkeni, _posts/ ve altındaki tüm alt dizinlerdeki tüm postları getirecektir. …

published on 21.01.2019

Jekyll’da dosyalara front-matter eklerken çoğunlukla tekrara düşebiliriz. Örneğin, birçok dosyaya aynı layoutu, layout: default, layout: post, kategoriyi category: your_category veya koleksiyonunuza özel belirlediğiniz custom attributeları eklerken benzer dosyaların herbirine, aynı satırları …

published on 27.01.2019

Sitemap, sitemap.xml dosyası, bir websitesinin içeriğinin gösterildiği modeldir. URL’lerden oluşur. Search enginelerin crawl botlarla siteyi dolaşabilmelerine yardımcı olur. Sitemap, crawler’ın tüm sayfaları indexleyeceğini garantilemez; ancak yine de büyük arama motorları sitemap …

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 …

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 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 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 …