ต่อด้วย ชุดนี้ บทความเกี่ยวกับวิธีที่ฉันเปลี่ยนจาก 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
Locale ระบุภาษาของเว็บไซต์ในรูปแบบ 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!”
ในบทความถัดไปเราจะตรวจสอบตัวเลือกการกำหนดค่าต่อไป แต่ฉันถือโอกาสชี้แจงว่าฉันไม่มีความคิดเกี่ยวกับการทำสวน ดังนั้นฉันจึงไม่รับผิดชอบต่อสิ่งที่บล็อกตัวอย่างกล่าว