jekyll netlify boilerplate

แผ่นหม้อต้ม Jekyll Netlify

หมายเหตุ: ลองดู Boilerplate Eleventy Netlify ของฉัน มันค่อนข้างเหมือนกับโปรเจ็กต์นี้ แต่ใช้ตัวสร้างไซต์แบบคงที่ Eleventy รวดเร็ว ยืดหยุ่น และไม่ต้องใช้ Ruby

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

โปรเจ็กต์นี้มีอยู่ในบล็อกและบล็อกแสดงเทมเพลตอย่างเป็นทางการของ Netlify: เครื่องมือสร้างไซต์แบบคงที่ 10 อันดับแรกที่น่าจับตามองในปี 2018

• สไตล์มินิมอลพร้อมให้คุณทำเอง
• ตัวอย่างบล็อกโพสต์ เพจ และแบบฟอร์มติดต่อ
• เค้าโครง CSS Grid ที่ตอบสนองพร้อมทางเลือกสำหรับเบราว์เซอร์รุ่นเก่า
• เวิร์กโฟลว์การปรับใช้อย่างต่อเนื่องผ่าน Netlify และ Github
• Netlify CMS สำหรับจัดการเนื้อหา
• Netlify Identity สำหรับการตรวจสอบสิทธิ์ผู้ใช้
• Netlify Forms สำหรับการประมวลผลแบบฟอร์ม HTML แบบคงที่ของคุณด้วย reCAPTCHA
• ไฟล์ Netlify _redirects และ _headers ที่เป็นตัวเลือกพร้อมใช้งาน
• ไปป์ไลน์ Jekyll SASS
• HTML และ CSS ย่อเล็กสุด

ตามเทมเพลตเริ่มต้น Jekyll + Netlify CMS ของ Netlify โปรดไปที่นั่นเพื่อดูรายละเอียดเพิ่มเติมเกี่ยวกับการปรับใช้และการตั้งค่าบิลด์ หรือรับความช่วยเหลือในการตั้งค่า Netlify

หากต้องการความช่วยเหลือเกี่ยวกับเทมเพลต การพัฒนาในพื้นที่ และสิ่งอื่นๆ ที่เกี่ยวข้องกับ Jekyll โปรดดูที่ Jekyll Docs ที่ยอดเยี่ยม

ดูการสาธิต

ผลงาน

คุณสามารถทดสอบ TTFB (Time To First Byte) ของไซต์สาธิตได้ที่ testmysite.io

เริ่มต้นใช้งาน

เพียงคลิกปุ่มปรับใช้เพื่อรับสำเนาพื้นที่เก็บข้อมูลของคุณเองเพื่อปรับใช้กับ Netlify:

วิธีนี้จะตั้งค่าทุกสิ่งที่จำเป็นสำหรับการเรียกใช้ CMS:

• พื้นที่เก็บข้อมูลใหม่ในบัญชี GitHub ของคุณพร้อมรหัส
• การปรับใช้อย่างต่อเนื่องเต็มรูปแบบกับเครือข่าย CDN ทั่วโลกของ Netlify
• ควบคุมผู้ใช้และการเข้าถึงด้วย Netlify Identity
• จัดการเนื้อหาด้วย Netlify CMS

ตั้งค่าการรับรองความถูกต้อง

หลังจากปรับใช้โปรเจ็กต์นี้แล้ว Netlify Identity จะเพิ่มคุณเป็นผู้ใช้ CMS และจะส่งอีเมลคำเชิญถึงคุณ ไม่จำเป็นต้องยอมรับคำเชิญนี้หากคุณต้องการใช้ผู้ให้บริการ OAuth (เช่น Github) เพื่อจัดการการตรวจสอบสิทธิ์สำหรับ CMS ของคุณ ขอแนะนำให้ใช้วิธีการตรวจสอบสิทธิ์นี้ เนื่องจากไม่จำเป็นต้องใช้อีเมลและรหัสผ่านในการเข้าสู่ระบบ CMS และโดยทั่วไปจะมีความปลอดภัยมากกว่า คุณจะต้องเพิ่มผู้ให้บริการ OAuth ในการตั้งค่าแอป Netlify ของคุณภายใต้ "การตั้งค่า" > "ข้อมูลประจำตัว" > "ผู้ให้บริการภายนอก"

จากนั้น ไปที่ /admin บนไซต์ของคุณ เลือกผู้ให้บริการ OAuth จากช่องเข้าสู่ระบบ จากนั้นคุณควรเข้าสู่ระบบ CMS ของคุณ

ตอนนี้คุณพร้อมแล้ว และเริ่มแก้ไขเนื้อหาได้เลย!

หมายเหตุ: หากคุณเปลี่ยน repo ที่สร้างขึ้นเป็นแบบส่วนตัว คุณจะต้องสร้างโทเค็นของคุณใหม่ เนื่องจากโทเค็นที่สร้างขึ้นโดยใช้ปุ่มปรับใช้เป็น Netlify จะเข้าถึงได้เฉพาะที่เก็บข้อมูลสาธารณะเท่านั้น หากต้องการสร้างโทเค็นใหม่ ให้ไปที่ "การตั้งค่า" ในแดชบอร์ดไซต์ Netlify ของคุณ ไปที่ส่วน "ข้อมูลประจำตัว" จากนั้นเลื่อนไปที่ "บริการ" ซึ่งคุณจะเห็นปุ่ม "แก้ไขการตั้งค่า" คลิกที่นี่แล้วคุณจะเห็นลิงก์ข้อความไปที่ "สร้างโทเค็นการเข้าถึงใน GitHub"

การพัฒนาท้องถิ่น

โคลนที่เก็บนี้และรัน:

bundle install
bundle exec jekyll server --watch

ในกรณีที่คุณไม่ต้องการติดตั้ง ruby-bundler คุณสามารถใช้ docker ได้:

docker-compose up

Jekyll จะคอยดูโฟลเดอร์โปรเจ็กต์ของคุณเพื่อดูการเปลี่ยนแปลง

ตอนนี้ไปที่ localhost:4000 เพื่อดูตัวอย่างไซต์ และ localhost:4000/admin เพื่อเข้าสู่ระบบ CMS

รายงานข้อผิดพลาด คำขอคุณสมบัติ ฯลฯ

นี่เป็นโครงการที่กำลังดำเนินอยู่ และฉันยินดีรับการมีส่วนร่วม อย่าลังเลที่จะส่ง PR

หากต้องการความช่วยเหลือในการตั้งค่า Netlify CMS โปรดติดต่อทีม Netlify ใน Netlify CMS Gitter