virtuacon jekyll boilerplate

Jekyll Boilerplate

Search-Optimized Jekyll STATIC STATIC SITE BOILERPLATE รวมถึงการจัดวางหน้าพื้นฐานและโพสต์, JSON-LD Schema สำหรับหน้าเว็บ, blogposting, ไฟล์ sitemap.xml, ฟีดบล็อกและฟิลด์ Frontmatter Fields Mapping ไปยัง metadata head.html Markup

ที่เก็บนี้มาพร้อมกับการนำเสนอสดจาก Virtuacon เมื่อวันที่ 15 พฤษภาคม 2020

ตรวจสอบวิดีโอสินทรัพย์การนำเสนออื่น ๆ และอ่านโพสต์บล็อกประกอบ

• ส่วนประกอบและเลย์เอาต์ที่เรียบง่ายและปรับแต่งได้
• การตั้งค่าและการจัดการอย่างรวดเร็วผ่านไฟล์ config
• เลย์เอาต์น้ำหนักเบาและนักแสดงสำหรับหน้าและโพสต์
  • นี่คือแผ่นหม้อไอน้ำโดยเน้นการออกแบบ/จัดแต่งทรงผมน้อยมาก
  • ใช้กรอบ Tachyons CSS Framework และ Normalize.css
• การตั้งค่า Google Analytics ทั่วทั้งไซต์ (ผ่าน Google Tag Manager)
• เครื่องมือค้นหาที่เป็นมิตร - ข้อมูลเมตาที่ได้รับการปรับปรุง
• ข้อมูลเมตาการแบ่งปันทางสังคมสำหรับ Twitter, Facebook และอื่น ๆ
• sitemap.xml, XML ฟีดของโพสต์และหน้า 404

---

• การติดตั้ง
• การปรับใช้
• ทรัพยากร

การติดตั้ง

เป็นส้อม

1. แยก repo

• ดังที่ได้กล่าวไว้จากนั้นคุณสามารถอัปเดต/แก้ไขสิ่งต่าง ๆ ได้โดยตรงบน gitHub.com หรือดำเนินการต่อไปเพื่อทำงานในพื้นที่

2. จากเทอร์มินัลของคุณโคลน repo ด้วย $ git clone [email protected]:username/reponame.git
3. ติดตั้งอัญมณีด้วย $ bundle install ( ติดตั้งก่อนหากจำเป็นด้วย $ gem install bundler )
4. เรียกใช้ jekyll ในพื้นที่ด้วย $ bundle exec jekyll serve

นอกจากนี้คุณยังสามารถเรียกใช้เว็บไซต์ด้วย Docker เช่นเดียวกับวิธีนี้

การปรับใช้

ในการรับไซต์สดทันทีด้วย NetLify คุณสามารถเริ่มต้นได้โดยคลิกที่ปุ่มด้านล่าง:

รายการตรวจสอบ :

1. แทนที่ https://example.com ด้วยโดเมนของคุณในไฟล์ _config.yml และ robots.txt

• สิ่งนี้จะชี้ให้เห็นว่าตัวรวบรวมข้อมูลที่กดปุ่ม Robots.txt ไปยังเส้นทาง Sitemap ที่ถูกต้องรวมถึง Update rel="canonical" และอื่น ๆ {{site.url}} การอ้างอิงตลอดทั้งที่เก็บนี้

2. เปลี่ยนชื่อไซต์หรือตั้งค่าโดเมนที่กำหนดเองใน netlify

• ตัวเลือกทั้งหมด - หากคุณเพิ่งทดสอบสิ่งต่าง ๆ NetLify จะให้คุณได้ฟรี *.netlify.app subdomain
• ใช้ผู้ให้บริการ DNS ภายนอกปรับใช้เว็บไซต์นี้กับโดเมนย่อยบนโดเมนที่มีอยู่ของคุณหรือใช้ Netlify DNS และแม้แต่ลงทะเบียนโดเมนบน netlify

3. อัปเดตตัวเลือกและข้อมูลไซต์อื่น ๆ ตลอด _config.yml
4. เพิ่มรหัส Google Analytics ของคุณใน config google_tracking_id และ Google Tag Manager ID ID ใน _includes/misc/ga-gtm.txt และ _includes/gtm-body.html

จากนั้นอย่าลังเลที่จะลบ/อัปเดตเนื้อหาของดัชนีและหน้าบล็อกโพสต์ "Hello World" และทำความคุ้นเคยกับ Markdown หากคุณยังไม่ได้ทำ

นี่เป็นเพียงตัวเลือกการปรับใช้หนึ่งตัวสำหรับไซต์เริ่มต้น Jekyll นี้ตัวเลือกที่ยอดเยี่ยมอื่น ๆ อีกสองตัวเลือกสำหรับการสร้างและปรับใช้ไซต์คงที่ ได้แก่ CloudFlare หน้า GitHub และอื่น ๆ

ทรัพยากร

ตรวจสอบทรัพยากรเหล่านี้เพื่อขอความช่วยเหลือในการปรับใช้เว็บไซต์ Jekyll โดยทั่วไป

• ปรับใช้ jekyll เป็น netlify (สามารถข้ามโดยตรงไปยังส่วน "การเชื่อมต่อกับ netlify")
• ปรับใช้ jekyll ไปยังหน้า GitHub

Scott Mathson https://scottmathson.com/ | Scottmathson บน GitHub | Scottmathson บน Twitter, Mathson Design, LLC

---

ใบอนุญาต

ลิขสิทธิ์ (c) 2020 Mathson Design, LLC และ Scott Mathson

การอนุญาตให้ใช้คัดลอกแก้ไขและ/หรือแจกจ่ายซอฟต์แวร์นี้เพื่อวัตถุประสงค์ใด ๆ ที่มีหรือไม่มีค่าธรรมเนียมจะได้รับอนุญาตโดยระบุว่าการแจ้งลิขสิทธิ์ข้างต้นและประกาศการอนุญาตนี้จะปรากฏในสำเนาทั้งหมด

ซอฟต์แวร์มีให้ "ตามที่เป็นอยู่" และผู้เขียนปฏิเสธการรับประกันทั้งหมดเกี่ยวกับซอฟต์แวร์นี้รวมถึงการรับประกันโดยนัยเกี่ยวกับความสามารถในการค้าและการออกกำลังกาย ไม่ว่าในกรณีใดผู้เขียนจะต้องรับผิดชอบต่อความเสียหายพิเศษทางตรงทางอ้อมหรือความเสียหายที่ตามมาหรือความเสียหายใด ๆ ที่เกิดจากการสูญเสียการใช้ข้อมูลหรือผลกำไรไม่ว่าจะเป็นการกระทำของสัญญาความประมาทเลินเล่อหรือการกระทำที่ทรมานอื่น ๆ ในการเชื่อมต่อกับการใช้งานหรือประสิทธิภาพของซอฟต์แวร์นี้