Pazar, Kasım 3, 2024

Jekyll SoundCloud Eklentisi

Jekyll de kullanabileceğiniz bir başka eklenti soundcloud eklentisi oldukça güzel verdiğiniz id ve özelliklere göre embed player olarak sitenizde gösterim yapabilirsiniz. Spotify eklentisinde olduğu gibi bununla da güzel siteler oluşturabilme imkanınız bulunuyor.

Jekyll JSFiddle Eklentisi

Jekyll de kullanabileceğiniz ve kodlarınızı Github gist dışında gösterebileceğiniz bir platform olan JSfiddle’ı bu eklenti ile kolaylıkla kullanabilirsiniz. Nasıl kullanılacağı ve neler yapılabileceği aşağıda bulunmaktadır. İstediğiniz şekillerde kullanabilmekte özgürsünüz

Jekyll Ditaa ASCII Art Eklentisi

Bu eklentiyi oldukça seviyorum ascii art şeklinde çizdiğiniz her türlü içeriği otomatik olarak resme dönüştürüp sayfanızda gösterebilmenize imkan tanıyor. ditaa’ya istediğinizi çizdirebilirsiniz. Tabi biraz yeteneğiniz olmalı çünkü oluşturana kadar biraz sıkıntı çekebilirsiniz. Otomatik oluşturan bir araç vs var mı bilmiyorum. şimdi yukarıdaki güzel çekli çizdirmek istersek ilk önce sisteme ditaa paketini ekleyeceğiz sonra eklentiyi _plugins […]

Jekyll Makale Güncellik Takip Eklentisi

Jekyll için oldukça güzel bir başka eklenti ile daha karşınızdayım yazdığınız yazıların güncelliği için oldukça faydalı olabilecek bir eklenti genellikle 6 aylık periyotlar dahilinde yazdığınız yazıları güncellemeniz önemli Dosya içerisinde gösterilen şekilde kullanabilirsiniz. _plugins klasörü içerisine atmayı unutmayın Makelelerinizi güncelleyemiyorsanız bile bu eklenti ile ziyaretçilerinize makale hakkında son durumu belirtebilirsiniz. Özellikle çalışmasından şüphe duyduğunuz yada […]

Jekyll Spotify Eklentisi

Jekyll için bir süredir kafamda bir eklenti vardı spotify için hiç kimse bir şeyler yapmamıştı gördüklerim de çok teferruatlı olduğu için en basit şekilde nasıl yaparıza kafa yordum ve aşağıdaki gibi bir eklenti ortaya çıkıverdi kullanımı oldukça basit olan bu eklenti ile istediğiniz gibi spotify linklerinizi dinlenebilir bir hale sokabilirsiniz sırf bunu yaparak bile blog […]

Jekyll HTML5 Video Eklentisi

Elinizde misal herhangi bir siteden direk olarak mp4 uzantılı yada ona benzer bir link var ise bu güzel eklenti sayesinde kullanıcıya HTML5 player sunabilirsiniz oldukça güzel oluyor. Octopress den araklama yaparak jekyll üzerindede çalıştırabiliyoruz. bu tarz ihtiyaçlarınızı karşılayabilirsiniz. Nasıl kullanabileceğinizide direk olarak aşağıdaki dosyaya ekledim _plugins klasörünüze atıp gösterildiği gibi ekleme yapmanız yeterli.

Jekyll Kategori Listeleme Eklentisi

Benim özellikle severek kullandığım bir eklentidir. Hatalarını düzelterek tekrar revize ettim ve otomatik bir şekilde belirtilen sidebar içerisine kategorileri oluşturmasını sağladım bu sayede el ile ekleme zahmetinden de kurtulmuş oldum. Benim yerime tüm her şeyi eklenti yapmış oldu. _plugins klasörü içerisine indirmiş olduğunuz .rb uzantılı dosyayı atıyorsunuz. Sitenizde kullanmış olduğunuz _layout klasörü içerisinde kategorilerinizi kontrol […]

Jekyll Youtube Eklentisi

Jekyll’nin youtube eklentisini bir arkadaşımız bizim için geliştirilmiş oldukça kullanışlı direk olarak embed almadan sadece ID ile otomatik oluşturabiliyoruz. Bunun güzelliği ise markdown dosyalarınız içerisinde kod kalabalıklığının ortadan kalkması oluyor. Eklenti kullanmazsanız da pek bir şey olmuyor aslında bu eklentiye ben ufak bir ekleme yaptım ve gizlilik korunsun diye cookie bırakmayan embed oluşturması için tekrar […]

Jekyll Git Eklentisi ile Versiyonlama

Jekyll’nin versiyonlama konusunda oldukça güzel bir eklentisi kullandığınız statik sitenin git de kullanılan hash değerinin kısa halini döndürür. Bunun güzel yani versiyonlama konusunda işinize yarayacak olmasıdır. Bazı arkadaşlar özellikle sitelerinden kontrol ettikleri oluyor. yada kullanıcıya sitenin hangi sürümde olduğunu göstermek için bile kullanılabilir bir eklentidir. Aşağıda bulunan ve size gerekli olan .rb uzantılı dosyayı jekyll […]

Jekyll ile Dinamik tema kullanımı

Bazı sitelerde dikkat etmişsinizdir. Seçmeli tema yaparlar ve anlık olarak değişir reddit, 4chan, 2chan ve 8chan sitelerinde özellikle görebilirsiniz. Bu olayın yapılması oldukça kolay ve oldukça basit bir iştir Javascript gibi bir nimet elimizin altında olduğu sürece her şeyi yapabileceğimizin de bir göstergesidir. Bize sadece 1 adet kütüphane gerekiyor oda haliyle jQuery bir kaç tanımlamada […]

Jekyll ile Ajax Kullanımı

Jekyll ile biraz daha fantastik şeyler yapabileceğimizi biliyorum sonuçta statik bir içerik ile uğraşıyoruz. Bunu oluştururken de jekyll kardeşi aracı olarak kullanıyoruz peki ajax niye kullanmayalım. Buna biraz farklı bir açıdan bakmak lazım kullanıcıları şaşırtabiliriz “yok artık lan bu kadar hızlı açılır mı” diyebilir mantıken ama pratikte öyle olmayacaktır çünkü senin sitenden daha hızlı açılanlarda […]

Jekyll ve Travis-Ci ile Statik Site Oluşturma

Jekyll ile statik site oluştururken özellikle Github pages kullanırsanız sizin karşınıza bir takım sorunlar çıkacak bunlardan bir tanesi istediğiniz eklentinin çalışmaması yada sizin bri eklenti geliştirdiğiniz de bu eklentiyi kullanamamanız oluyor. Hal böyle olunca bizimde buna bir alternatif bulmamız gerekiyor. Bazı arkadaşlar kendi lokallerinde build işlemini yapıp atıyor ancak bunu otomatize edebilme imkanımız var Travic-ci […]

Jekyll ile Statik Web Sayfaları Bölüm 4

7. Kategorileme İşlemi Bir Web sitesinin olmazsa olmazlarından biri olan bu kategorileri Jekyll ilede kolaylıkla yapabileceğiz. ilk olarak _layout dosyamıza category.html adında bir dosya oluşturuyoruz. — layout: defaultcategory — <h1 class="title">{{ page.title }}</h1> {% unless page.content == ” %} <p>{{ page.content }}</p> {% endunless %} <ul id="blog-posts" class="posts"> {% for post in site.categories.[page.category] %} <li><span>{{ […]

Jekyll ile Statik Web Sayfaları Bölüm 3

Yapmanız gerekenlerin başında kullanıcıların sitenizi daha efektif kullanabilmeleri ve daha iyi bir şekilde yazılarınıza ulaşabilmeyi sağlamalıyız bunuda genelde RSS veya Atom feed ile sağlarız. 3. RSS Feed Normalde bizim bunu manuel bir şekilde oluşturmamız gerekiyor ancak Github pages de eklenti olarakda kullanabiliyoruz.Hal böyle olunca hiç feed.xml şemasına kasmaya gerek yok otomatik olarak kendisinin oluşturması yeter.Bunun […]

Jekyll ile Statik Web Sayfaları Bölüm 2

Jekyll kabaca giriş yaptık genel olarak bir takım özelliklerini ve nasıl kullanılacağını github pages göre anlattık.Şimdi ise biraz daha devam ediyor ve bir blog nasıl oluşturulur onu göstermek istiyorum ben tema olarak lagom seçtim hem listeleme olarak güzel gözüküyor hemde skeleton yapısı sayesinde duyarlı bir tema her boyutta ekranda sorunsuz olarak içerikleriniz gözüküyor. Temayı yapan […]

Jekyll ile Statik Web Sayfalarına Giriş

Şubat 20 de bir karar alarak Wordpress kullanımını bırakma kararı alıp hızlı bir şekilde Jekyll geçmek için kolları sıvadım böyle bir karar almamda en büyük etken maliyetler oldu çünkü hizmetleri güvenlik şüphelerimden dolayı Türkiye’den almıyordum kabaca açıklamam gerekirse OVH firmasından VPS hizmeti 3 ayda 1 kereye olmak suretiyle 34 Euro Cloudflare Pro Aylık 20 Dolar […]