Ne zaman yaşadığım zorluklardan biri geçmeyi dene Worpress'ten Jekyll f'yeHer bir bileşenin ne için olduğunu ve birbirleriyle nasıl etkileşime girdiğini anlamalıyım. Blogumu sıfırdan oluşturmaya çalışmayı bırakıp tersine mühendislik yapmaya başladığımda çözümü buldum Bir tema başka biri tarafından geliştirildi. Açık kaynağın avantajları.
Başlamak için, önceki makalelerde özetlediğimiz ön koşulları yüklediğinizi varsayarak, sitemizi oluşturacağız. Örnek bir bahçıvanlık blogu.
jekyll new blog_de_jardineria
Klasöre giderseniz aşağıdakileri göreceksiniz:
- Adlı bir klasör _gönderiler.
- Markdown uzantılı iki dosya
- Bir Web sayfası.
- Bir sonraki makalede kapsamlı olarak tartışacağımız .yml uzantılı bir yapılandırma dosyası.
- Sitenin bileşenlerini ve aynı ada sahip başka birini listeleyen, ancak yanlışlıkla değişiklikleri önleyen bir .lock uzantısına sahip bir Gemfile dosyası.
Projenin yapısı
Herhangi bir WordPress tabanlı site gibi, Jekyll ayrıca tüm dosyaları depoladığı bir klasör yapısı oluşturur ve bunu aynı nedenlerle yapar. Kullanıcının dosyaları düzenli bir şekilde gruplamasına ve proje büyüdükçe yönetilebilir kalmasına izin verin.
Temel klasörü oluşturuyoruz komutuyla jekyll new. İçinde iki tür klasör buluyoruz; adından önce bir tire ile tanımlanan blog yapılandırmasıyla ilgili olanlar (bizim durumumuzda _post klasörü ve oluşturma işleminin bir parçası olarak dahil edilmeyecek kaynaklara sahip olanlar. Örneğin, resim içerenler) .
İçeriğe dayalı klasörler
Bu gruptae site ziyaretçilerine yönelik içeriği depolar
_ İleti
Klasör _POST tüm blog girişlerini içerir. Burada, içine kaydedilen dosyaların her biri için çok özel bir format kullanılır. Dosya adı, tarih-dosya-adı - yıl-ay-tarih-tam_dosya_adı.md biçiminde olmalıdır ve bu yazı tarihi, bu Jekyll blog gönderisinin yapıldığı tarih olarak görüntülenecektir. Klasörün çağrılmasına rağmen _ gönderiler, işte blog okuyucularının göreceği tüm içerik, örneğin iletişim formu veya yazarların biyografileri. Daha sonra sayfalara farklı tasarımlar atamanın mümkün olduğunu göreceğiz.
_taslaklar
WordPress taslağını kaydetmeye eşdeğerdir. Önerilen kullanımı, fikir listelerini, daha sonra kullanılacak tasarımları vb. Saklamak için kullanılabilmesine rağmen, yayınlanmaya hazır olmayan gönderiler içindir.
_içerir
Bu alanda birkaç kez tekrar kullanılabilen html kodunu saklayabiliriz. Örneğin, bizim durumumuzda, kullanıcının bulunduğu yarımküreye bağlı olarak bir sezonun başlangıcını karşılayan bir afiş.
_layouts
Yukarıda söylediğimiz gibi, içeriğin farklı bölümleri farklı düzenlere ihtiyaç duyabilir. Örneğin, bir videoyu göstermek için sayfanın tek sütun olmasını isteyebiliriz, oysa konuk yazar ise biyografisini ve iletişim bilgilerini gösteren bir sütuna ihtiyacımız olabilir. Sitenin kullanacağı farklı tasarımlar bu klasörde saklanır.
Bilgi klasörleri
Bu iki klasör site tarafından çalışması için kullanılmaktadır.
_veri
Tek kişilik bir blogda, yapılandırma dosyası gerekli tüm verileri depolayabilir. Ancak, birçok yazara sahip bir blogumuz varsa, bilgiyi yönetmenin başka bir yolu gereklidir. Klasör _veri Kullanıcılarla etkileşime göre sitenin alabileceği JSON veya CSV formatlarında veri depolamak için kullanılır.
_Eğer sen
Klasör _Eğer sen Site, önceki klasörlerde bulunan tüm bilgilerle bunu tamamlar. Burada, kullanıcıların erişebilmesi için sunucuya yükleyeceğimiz siteyi bulacağız.. Elbette html ve css kodu olduğu için herhangi bir web sitesi gibi üzerinde değişiklik yapmak mümkündür.
Sonraki makalede konfigürasyon dosyasını değiştirmeye başlayacağız.