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

นี้ Jekyll 下载安装教程，手把手教你✨不用花钱也能拥有自己的博客！

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

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

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

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

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

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

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

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

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

1. ติดตั้งเจคิลล์.
2. สร้างเว็บไซต์ Jekyll ใหม่
3. เลือกธีมเจคิลล์.
4. เพิ่มเนื้อหาของคุณ
5. ดูตัวอย่างเว็บไซต์ของคุณ
6. สร้างเว็บไซต์ของคุณ
7. 部署你的网站：Jekyll静态博客免费部署到Surge.sh

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

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

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

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

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

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

ขั้นตอนที่ 2:ป้อนคำสั่ง

กดลงปุ่ม 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:อัปเดตอัญมณีทับทิม▼

gem update

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

gem install jekyll bundler

ขั้นตอนที่ 8:ตรวจสอบว่า Jekyll ได้รับการติดตั้งอย่างสมบูรณ์หรือไม่▼

jekyll -v

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

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

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

cd d:\Jekyll\

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

jekyll new site1

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

cd site1

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

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 ในการสร้างเว็บไซต์ได้!