استمرار مع هذه السلسلة من المقالات حول كيف انتقلت من WordPress إلى Jekyll ، لقد حان الوقت لترك النظرية وراءك والانتقال إلى الممارسة.
أنا أصف خطوات التكوين بمعنى أنني قمت بها. أول ملف يتم تحريره هو config.yml. في هذا نجد التكوين الافتراضي للموقع. يمكن تعيين تكوين مختلف لكل منشور أو صفحة معينة. ولكن ، في حالة عدم قيامنا بذلك ، سيتم تعيين المستند الموجود في هذا الملف.
تذكر أنه في المقالة السابقة قمنا بتنزيل سمة ونحن نؤسس أنفسنا عليها لإنشاء موقعنا.
يشير الامتداد .yml إلى أن المستند مكتوب باستخدام YAML. تسمح هذه اللغة بإنشاء التسلسلات الهرمية بين البيانات بطريقة مفهومة لكل من أجهزة الكمبيوتر والبشر. يستخدمه Jekyll لإعطاء الاتساق للمكونات المختلفة للمشروع.
كيفية تكوين الموقع باستخدام YAML
يتميز مشروع Jekyll الأساسي بملف config.yml الذي يسمح لنا بتحديد بعض المعلمات.
يتم تمثيل هذه المعلمات في التنسيق
التصنيف: "المحتوى" ومن الجدير بالذكر أنه مسبوق بعلامة # يتم تجاهله ، لذلك إذا أردنا أن يستخدم Jekyll هذه المعلمة ، فيجب إزالته.
في ملف config.yml الخاص بنا ، سنرى شيئًا مثل هذا:
title: عنوان الموقع
email: البريد الإلكتروني للموقع
description: وصف لكائن الموقع ليتم عرضه على محركات البحث
baseurl: إذا كانت المدونة جزءًا من موقع آخر وتم تعيين مجلد معين لها ، فسيتم الإشارة إليها هنا
url: المجال الأساسي للموقع.
هناك أيضًا فئتان أخريان.
twitter_username
github_username:
تعرض هاتان المعلمتان روابط إلى حسابات مستخدمي Twitter و Github.
أدناه سوف تخبر Jekyll عن الموضوع الذي يجب استخدامه والوظائف الإضافية.
Config.yml في الحد الأدنى من الأخطاء
Nسنستخدم موضوعًا به العديد من الخيارات ، وبالتالي يتطلب config.yml أكثر اكتمالاً. الأكثر عملية هو النسخ الملف من مشروع الموضوع ولصقه في مشروعنا بدلاً من محتواه. بمجرد الانتهاء من ذلك ، نقوم بتحرير المعلمات التالية
تذكر أن مشروعنا كمثال كان مدونة عن البستنة.
أول شيء يتعين علينا القيام به هو إنشاء الموضوع. في هذا الخط
# theme : "minimal-mistakes-jekyll»نحذف رمز الرقم" # ".
يقدم هذا الموضوع العديد من الاختلافات. أنا أحب المكالمة أكوا. نعلق على "افتراضي" بوضع الرمز # d أمام الاسم وإلغاء التعليق "aqua"
تشير الإعدادات المحلية إلى لغة موقع الويب بتنسيق language_VARIANT. على سبيل المثال ، بما أنني في الأرجنتين فهو كذلك
locale : "es-AR»
يمكنك العثور على قائمة اللغات في هذه الصفحة
نشير إلى عنوان الموقع
title : "Blog de jardinería"
نختار فاصلًا بين عنوان الموقع وعنوان المنشور بحيث يتم عرضها بشكل صحيح في محركات البحث.
title_separator : "-"
يمكننا إضافة عنوان فرعي
subtitle: “Llevamos la naturaleza a tu computadora”
نشير إلى اسم الشخص المسؤول عن الموقع
name : "Rosendo Margarito Flores"
نكمل وصف الموقع للعرض في محركات البحث والصفحة الرئيسية
description : "Un blog para difundir el auto cultivo de vegetales y flores entre aquellos que no tienen la menor idea de cómo se hace."
المعلمتان التاليتان هما معارف قديمة ، ولكن بترتيب عكسي.
Eفي الحالة الأولى نشير إلى مجال الموقع
url: "https: //desdeeljardin.flor"
افترض أن مدونتنا كانت جزءًا من متجر البذور. قد نرغب في تخصيص عنوان قياسي خاص به من حديقة الزهرة / المدونة.
ثم نفعل
baseurl : "/blog"
لسبب ما ، المشاركات التي تحتوي على صور لها زيارات أكثر من تلك التي لا تحتوي عليها. في حالة عدم قيامك بتعيين واحد لهم ، يمكنك إظهاره افتراضيًا عن طريق تنشيط هذا المعامل.
teaser : "/assets/images/500x300.png"
لتجنب الالتباس ، سأحتفظ بهيكل الملف الأصلي للموضوع. لذلك ، في مجلد مشروعنا ، يجب إنشاء مجلد يسمى الأصول ، بداخله يسمى الصور ، وبداخله 500 × 300 بكسل يسمى 500 × 300.png
يمكننا أيضًا اختيار شعار الموقع. نكرر الإجراء لإنشائه وحفظه في نفس المجلدات وإكمال المعلمة:
logo : "/assets/images/88x88.png"
يمكننا اختيار عنوان مختلف عن الموقع ليتم عرضه في الأعلى المتصفح
masthead_title: “¡Feliz primavera!”
في المقالة التالية سنواصل مراجعة خيارات التكوين. لكني أغتنم الفرصة لأوضح أنه ليس لدي أي فكرة عن البستنة. لذلك أنا لست مسؤولاً عما تقوله مدونة المثال.