บทช่วยสอนการดาวน์โหลดและติดตั้ง Jekyll: สร้างเว็บไซต์บล็อกแบบคงที่ตั้งแต่เริ่มต้นบนคอมพิวเตอร์ของคุณ

คู่มือการดาวน์โหลดและติดตั้ง Jekyllนี้จะแนะนำคุณทีละขั้นตอนเพื่อให้คุณสามารถสร้างบล็อกของคุณเองได้โดยไม่ต้องเสียเงินสักบาท!

สร้างเว็บไซต์บล็อกแบบคงที่ของคุณเองตั้งแต่เริ่มต้น – แม้แต่มือใหม่ก็ทำได้ง่ายๆ! ไม่ จำเป็นต้อง สร้างเว็บไซต์ ที่ซับซ้อน บอกลาความยุ่งยากในการสร้างเว็บไซต์ และมีบล็อกส่วนตัวของคุณเองในไม่กี่นาทีเพื่อปลดปล่อยความสามารถและความคิดสร้างสรรค์ของคุณ! 🚀🎉

เจคิลล์คืออะไร?

Jekyll เครื่องมือสร้างเว็บไซต์แบบคงที่ เหมาะมากสำหรับการสร้างเว็บไซต์บล็อก

สามารถใช้ข้อความที่เขียนด้วยภาษามาร์กอัปและใช้เค้าโครงเพื่อสร้างเว็บไซต์แบบคงที่

คุณสามารถปรับเปลี่ยนรูปลักษณ์ของเว็บไซต์, URL, ข้อมูลที่แสดงบนเพจ และอื่นๆ...

ข้อเสียของ Jekyll นั้นชัดเจน: เนื่องจากไม่ได้ใช้ฐานข้อมูล จึงไม่เหมาะสมอย่างยิ่งสำหรับการสร้างเว็บไซต์อีคอมเมิร์ซ

เจคิลล์มีข้อดีอย่างไร?

• Jekyll ใช้งานง่ายและเรียนรู้
• Jekyll สามารถสร้างเว็บไซต์แบบคงที่ที่รวดเร็วและปลอดภัย
• Jekyll มีธีมและปลั๊กอินให้เลือกมากมาย

จะเริ่มต้นใช้งาน Jekyll ได้อย่างไร?

1. ติดตั้งเจคิลล์.
2. สร้างเว็บไซต์ Jekyll ใหม่
3. เลือกธีมเจคิลล์.
4. เพิ่มเนื้อหาของคุณ:บทช่วยสอนบทความใหม่ของ Jekyll
5. ดูตัวอย่างเว็บไซต์ของคุณ
6. สร้างเว็บไซต์ของคุณ
7. ปรับใช้เว็บไซต์ของคุณ:บล็อกแบบคงที่ของ Jekyll ถูกปรับใช้กับ Surge.sh ฟรี

ติดตั้ง Jekyll โดยดาวน์โหลด RubyInstaller

วิธีที่ง่ายที่สุดในการติดตั้ง Ruby และ Jekyll คือการใช้ RubyInstaller สำหรับ Windows

RubyInstaller เป็นตัวติดตั้งอิสระบน Windows ซึ่งประกอบด้วยภาษา Ruby สภาพแวดล้อมการดำเนินการ เอกสารสำคัญ ฯลฯ

เราครอบคลุมเฉพาะ RubyInstaller-2.4 และสูงกว่าที่นี่ เวอร์ชันเก่าจำเป็นต้องติดตั้ง Devkit ด้วยตนเอง

ขั้นตอนที่ 1:ดาวน์โหลด RubyInstaller

• ดาวน์โหลดและติดตั้งจากการดาวน์โหลด RubyInstallerรูบี้+เดฟคิต本。
• ติดตั้งโดยใช้ตัวเลือกเริ่มต้น

ขั้นตอนที่ 2:พิมพ์ cmd

กดลงปุ่ม WIN + ปุ่ม Rและป้อน cmdจากนั้นกด Enter ▼

ขั้นตอนที่ 3:ป้อนคำสั่งอินพุต ridk installขั้นตอนในขั้นตอนสุดท้ายของการติดตั้ง

• สิ่งนี้จำเป็นสำหรับการติดตั้ง gems ที่มีส่วนขยายดั้งเดิม
• เลือกจากตัวเลือกMSYS2 and MINGW development tool chain.

• เรียกใช้คำสั่ง ruby -v และ gem -v เพื่อตรวจสอบหมายเลขเวอร์ชันเพื่อยืนยันว่าการติดตั้งสำเร็จหรือไม่

เปิดเมนูเริ่มของ Windows แล้วค้นหาStart Command Prompt with Rubyเพื่อเปิดใช้งานบรรทัดคำสั่ง Ruby

ขั้นตอนที่ 4:เปลี่ยนแหล่งที่มาของอัญมณีเป็นแหล่งที่มาจากประเทศจีน

เนื่องจากปัญหาการเชื่อมต่อเครือข่ายและความเร็ว ก่อนที่จะพิจารณาอัปเดต Gem ขอแนะนำอย่างยิ่งให้เปลี่ยนแหล่ง Gem เป็นแหล่งภาษาจีน▼

gem sources --remove https://rubygems.org/
gem sources -a https://gems.ruby-china.com/

หรือ

gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/

ขั้นตอนที่ 5:มาตรวจสอบแหล่งจ่ายกระแสไฟฟ้ากัน ▼

gem sources -l

• รับรองว่ามีแค่ gems.ruby-china.com

ขั้นตอนที่ 6:อัปเดต Ruby gem ▼

gem update

ขั้นตอนที่ 7:ติดตั้งส่วนประกอบต่างๆ ▼

gem install jekyll bundler

ขั้นตอนที่ 8:ตรวจสอบว่า Jekyll ติดตั้งเสร็จสมบูรณ์แล้ว ▼

jekyll -v

สร้างเว็บไซต์บล็อกแบบคงที่ของ Jelly บนคอมพิวเตอร์ของคุณ

ขั้นตอนที่ 1:เปลี่ยนอักษรระบุไดรฟ์▼
ป้อนโดยตรงใน cmdd:

ขั้นตอนที่ 2:เปลี่ยนโฟลเดอร์ปัจจุบัน ▼

cd /d d:\Jekyll\

ขั้นตอนที่ 3:ใช้คำสั่งต่อไปนี้เพื่อสร้างเว็บไซต์ Jekyll ใหม่ ▼

jekyll new site1

ขั้นตอนที่ 4:เข้าสู่ไดเร็กทอรีโครงการ ▼

cd site1

ขั้นตอนที่ 5:เริ่มบริการ Jekyll ▼

bundle exec jekyll serve

โอนย้าย--livereloadตัวเลือกในการserveรีเฟรชหน้าโดยอัตโนมัติทุกครั้งที่มีการเปลี่ยนแปลงกับไฟล์ต้นฉบับ▼

bundle exec jekyll serve --livereload

• เมื่อคุณพัฒนาเว็บไซต์ของคุณให้ใช้jekyll serve或 jekyll build
• หากต้องการบังคับให้เบราว์เซอร์รีเฟรชทุกการเปลี่ยนแปลง ให้ใช้jekyll serve --livereload.
• jekyll serveเวอร์ชันไซต์ในตัว_siteไม่เหมาะสำหรับการปรับใช้
• ใช้ลิงก์และ URL เนื้อหาจากไซต์ที่สร้างขึ้น jekyll serve จะใช้ https://localhost:4000 ค่านี้ถูกกำหนดผ่านการกำหนดค่าบรรทัดคำสั่ง แทนที่จะตั้งค่าในไฟล์การกำหนดค่าของไซต์

ขั้นตอนที่ 6:เข้าไป http://localhost:4000 ดูโครงการ.

ข้อควรระวัง:

• หากไฟล์ถูกวางไว้ใน xxx.github .io/blog อาจทำให้หน้า Github ไม่ได้รับการอัปเดต
• สาเหตุของปรากฏการณ์นี้คือ GitHub จะอ่าน xxx.github เท่านั้น io/_includes ใน Jekyll และจะไม่เจาะลึกเข้าไปใน blog/_includes
• โชคดีที่ปัญหานี้ไม่ใช่ปัญหายาก เพียงตั้งค่า Github Page บน GitHub แล้วปัญหาจะได้รับการแก้ไขในทันที!

จะลบเว็บไซต์ Jekyll ที่ติดตั้งบนคอมพิวเตอร์ผ่านคำสั่งได้อย่างไร?

คุณสามารถใช้คำสั่งต่อไปนี้เพื่อลบเว็บไซต์ Jekyll ที่ติดตั้งในเครื่อง

ลบไฟล์ที่สร้างขึ้น:

ขั้นตอนที่ 1:เรียกใช้คำสั่งต่อไปนี้เพื่อล้างไฟล์ที่สร้างขึ้น ▼

jekyll clean

ขั้นตอนที่ 2:ลบไดเร็กทอรีเว็บไซต์ทั้งหมด

• หากคุณต้องการลบไดเร็กทอรีเว็บไซต์ทั้งหมด คุณสามารถลบไดเร็กทอรีของเว็บไซต์ด้วยตนเองได้ C:/Users/a/myblog โฟลเดอร์

🔗อ่านต่อ▼

🔗ทำไมการเสิร์ฟของเจคิลจึงเริ่มต้นไม่ได้? คู่มือที่ครอบคลุมสำหรับการแก้ไขข้อผิดพลาดและความไม่มีประสิทธิภาพ

ทรัพยากรของเจคิลล์

Jekyll เป็นเฟรมเวิร์กสไตล์บล็อกที่เรียบง่ายสำหรับการสร้างเว็บไซต์แบบคงที่

โปรแกรมนี้ใช้ ภาษาเทมเพลต Markdownและ Liquid ทำให้คุณสามารถสร้างเว็บไซต์ที่สวยงามและมีชีวิตชีวาได้อย่างง่ายดาย

ดูเอกสารประกอบของ Jekyll สำหรับข้อมูลเพิ่มเติม

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