published on 01.06.2018

Jekyll; static website generatorlar arasında önde gelen çözümlerden biri.

Henüz konunun başındayken okuyucuyu farklı bir yere yönlendirmek saçma olsa da nasıl olsa kâr amacı gütmüyoruz burada. Onun için, sayın okuyucu seni yönlendiriyorum: henüz Jekyll kullanmıyorsan ve bir static website generator arıyorsan, Hugo’ya da bir göz at. Jekyll’ın Ruby dependency’si can sıkıcı olabiliyor. Yine de en büyük topluluğa Jekyll sahip olsa gerek, karşılaşacağın probleme daha kolay çözüm bulursun.

Nedir Static Website Generator? Adı üstünde static website generate ediyorlar. Öyleyse, nedir static website? Herhangi bir database’den veri almayan, herhangi bir algoritma ile kişiye göre sayfa sunmayan, herkese aynı sayfayı gösteren siteler.

Ne avantajı var statik sitelerin? Üretmesi kolay. Yönetmesi kolay. Çok daha hızlılar. Güvenliler. Çalınacak bir şey yok çünkü.

Hem kolay hem hızlı hem de “içerik” odaklı bir sistem sunduğu için tercih ediliyor static website generator’lar. Ayrıca GitHub ve GitLab’ın ücretsiz ev sahipliği ile populerlikleri artıyor. Eğer nerede ücretsiz host etmeli diye düşünüyorsanız, bunlar dışında Netlify’a da bakın, derim.

Jekyll ile static website oluşturacaksanız işiniz çok da zor değil. GitHub ya da GitLab üzerinden hazır bir temayı kullanarak direkt başlayın. Sonra yazacaklarınızı yazın. Yazması çok kolay çünkü markdown ile yazıyorsunuz! Jekyll sizin markdown dosyalarınızı .html’e dönüştürüyor ve internete hazır hâle getiriyor.

Neden CSS ile ilgilenmemelisiniz?

If you have no intention to get into web design. Just use existing templates for your sake. Because, CSS is a mess! It brings chaos to your life! Stay away from it.

Yazılarımda, internette milyonlarca tutorial varken, “Jekyll nedir? Nasıl kullanılır ?” tekrar anlatmayacağım. Blog’u oluştururken uğraştığım, araştırdığım ve “not alsam iyi olur” diye düşündüğüm belli başlı konular üzerine yazacağım.

Aşağıdaki bağlantılardan başlayabilirsiniz.

You are reading the 1st of 19 episodes in Jekyll.
Published on 01.06.2018 by Mert Bakır with commit 5ebb327.
jekyll
#jekyll #web-dev
Next episode:
Include.html
published on 20.05.2018

Jekyll’da herhangi bir yerde (aynı ya da farklı dosyalarda) aynı kodu tekrar kullanacaksak bu kodu include.html dosyası içerisinde saklayıp oradan çağırırız. Böylece tekrarın önüne geçeriz. Bir nevi fonksiyon tanımlamak gibi düşünülebilir. Github’daki bloglarda görmüşsünüzdür genelde …

published on 19.05.2018

Liquid syntaxı ile tarihleri, eğer ki “19.05.2018” formatında elde etmek istiyorsak işimiz kolay. page.date | date: "%d.%m.%Y" ile sayılarla istediğimiz formatı elde etmemiz mümkün. Eğer istediğimiz format, “19 Mayıs, 1919” şeklinde ise page.date | date: "%d …

published on 21.05.2018

Jekyll’a yeni başlayan biri için, kod bloklarını görüntülemek problemli bir iş olabilir. En azından benim için epey problemli oldu. Bu yazıda, karşılaşabileceğiniz problemlere karşı birkaç ipucu vermeye çalışacağım. […] Eğer, yazılar kod bloğu içeriyorsa ve anasayfada postları …

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