ความยากลำบากอย่างหนึ่งที่ฉันประสบเมื่อ พยายามที่จะผ่าน จาก Worpress ถึง Jekyll fฉันต้องเข้าใจว่าแต่ละองค์ประกอบมีไว้เพื่ออะไรและมีปฏิสัมพันธ์กันอย่างไร. ฉันพบวิธีแก้ปัญหาเมื่อฉันหยุดพยายามสร้างบล็อกตั้งแต่เริ่มต้นและเริ่มทำวิศวกรรมย้อนกลับ ธีม พัฒนาโดยบุคคลอื่น ข้อดีของโอเพ่นซอร์ส
ในการเริ่มต้นโดยสมมติว่าคุณได้ติดตั้งข้อกำหนดเบื้องต้นที่เราระบุไว้ในบทความก่อนหน้านี้เราจะสร้างไซต์ของเรา ตัวอย่างเป็นบล็อกเกี่ยวกับการจัดสวน
jekyll new blog_de_jardineria
หากคุณไปที่โฟลเดอร์คุณจะเห็นสิ่งต่อไปนี้:
- โฟลเดอร์ที่เรียกว่า _ โพสต์
- สองไฟล์ที่มีนามสกุล markdown
- หน้าเว็บ
- ไฟล์คอนฟิกูเรชันที่มีนามสกุล .yml ซึ่งเราจะพูดถึงอย่างกว้างขวางในบทความถัดไป
- ไฟล์ Gemfile ที่แสดงส่วนประกอบของไซต์และอีกไฟล์ที่มีชื่อเดียวกัน แต่มีนามสกุล. lock ที่ป้องกันการแก้ไขโดยไม่ได้ตั้งใจ
โครงสร้างของโครงการ
เช่นเดียวกับไซต์ที่ใช้ WordPress Jekyll ยังสร้างโครงสร้างโฟลเดอร์ที่เก็บไฟล์ทั้งหมดและทำด้วยเหตุผลเดียวกัน อนุญาตให้ผู้ใช้จัดกลุ่มไฟล์อย่างเป็นระเบียบและเมื่อโปรเจ็กต์เติบโตขึ้นก็ยังสามารถจัดการได้
เราสร้างโฟลเดอร์ฐานด้วยคำสั่ง jekyll new. ภายในนั้นเราพบโฟลเดอร์สองประเภท ที่เกี่ยวข้องกับการกำหนดค่าของบล็อกที่ระบุด้วยเครื่องหมายขีดหน้าชื่อ (ในกรณีของเราคือโฟลเดอร์ _post และโฟลเดอร์ที่มีทรัพยากรที่จะไม่รวมเป็นส่วนหนึ่งของกระบวนการสร้างตัวอย่างเช่นผู้ที่ มีรูปภาพ
โฟลเดอร์ตามเนื้อหา
ในกลุ่มนี้ se จัดเก็บเนื้อหาที่มีไว้สำหรับผู้เยี่ยมชมไซต์
_ โพสต์
โฟลเดอร์ _POST มีรายการบล็อกทั้งหมด. ต่อไปนี้จะใช้รูปแบบเฉพาะสำหรับแต่ละไฟล์ที่บันทึกไว้ ชื่อไฟล์ต้องอยู่ในรูปแบบของวันที่ - ชื่อไฟล์ - ปี - เดือน - วันที่ - ฟูลล์ _filename.md - และวันที่โพสต์นี้จะแสดงเป็นวันที่โพสต์บล็อกของ Jekyll นี้ เราต้องจำไว้ว่าแม้ว่าจะมีการเรียกโฟลเดอร์ _ โพสต์, นี่คือเนื้อหาทั้งหมดที่ผู้อ่านบล็อกจะได้เห็น ตัวอย่างเช่นแบบฟอร์มการติดต่อหรือชีวประวัติของผู้เขียน หลังจากนั้นเราจะเห็นว่าสามารถกำหนดรูปแบบต่างๆให้กับหน้าได้
_ร่าง
เทียบเท่ากับการบันทึกแบบร่าง WordPress แนะนำให้ใช้สำหรับโพสต์ที่ยังไม่พร้อมที่จะเผยแพร่แม้ว่าจะสามารถใช้เพื่อจัดเก็บรายการแนวคิดการออกแบบเพื่อใช้ในภายหลัง ฯลฯ
_ รวม
ในพื้นที่นี้เราสามารถจัดเก็บโค้ด html ที่สามารถใช้ซ้ำได้หลายครั้ง ตัวอย่างเช่นในกรณีของเราแบนเนอร์ที่แสดงการเริ่มต้นฤดูกาลโดยขึ้นอยู่กับซีกโลกที่ผู้ใช้อยู่
_รูปแบบ
ดังที่เราได้กล่าวไว้ข้างต้นว่า ส่วนต่างๆของเนื้อหาอาจต้องใช้เค้าโครงที่แตกต่างกัน ตัวอย่างเช่นในการแสดงวิดีโอเราอาจต้องการให้เพจเป็นคอลัมน์เดียวในขณะที่หากเป็นผู้เขียนรับเชิญเราจะต้องมีคอลัมน์เพื่อแสดงประวัติและข้อมูลการติดต่อของพวกเขา การออกแบบต่างๆที่ไซต์จะใช้จะถูกเก็บไว้ในโฟลเดอร์นี้
โฟลเดอร์ข้อมูล
สองโฟลเดอร์นี้ ถูกใช้โดยไซต์สำหรับการดำเนินการ
_ข้อมูล
ในบล็อกคนเดียวไฟล์คอนฟิกูเรชันสามารถจัดเก็บข้อมูลที่จำเป็นทั้งหมดได้ แต่ถ้าเรามีบล็อกที่มีผู้เขียนหลายคนจำเป็นต้องใช้วิธีอื่นในการจัดการข้อมูล โฟลเดอร์ _ข้อมูล ใช้เพื่อจัดเก็บข้อมูลในรูปแบบ JSON หรือ CSV ที่ไซต์สามารถเรียกดูได้ตามการโต้ตอบกับผู้ใช้
_ถ้าคุณ
โฟลเดอร์ _ถ้าคุณ ไซต์กรอกข้อมูลทั้งหมดที่มีอยู่ในโฟลเดอร์ก่อนหน้านี้ ที่นี่เราจะพบไซต์ที่เราจะอัปโหลดไปยังเซิร์ฟเวอร์เพื่อให้ผู้ใช้สามารถเข้าถึงได้. แน่นอนเนื่องจากเป็นรหัส html และ css จึงสามารถทำการแก้ไขได้เหมือนเว็บไซต์อื่น ๆ
ในบทความถัดไปเราจะเริ่มแก้ไขไฟล์คอนฟิกูเรชัน