Jekyll สร้างเว็บไซต์คงที่หลายแห่งในเครื่อง จะกำหนดค่า URL สำหรับการเข้าถึงเว็บไซต์ท้องถิ่นต่างๆ ได้อย่างไร

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

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

Jekyll วิธีการกำหนดค่าเว็บไซต์คงที่หลายวิธี

编辑 _config.yml ไฟล์เพื่อกำหนดค่า Jekyll

รายการการกำหนดค่าประกอบด้วยชื่อไซต์ คำอธิบาย ธีม URL ฯลฯ...

เมื่อใช้ Jekyll เพื่อสร้างเว็บไซต์หลายแห่งในเครื่อง คุณสามารถเข้าถึงเว็บไซต์ต่างๆ ได้ด้วยวิธีต่อไปนี้:

ใช้หมายเลขพอร์ตอื่น:

  • แต่ละเว็บไซต์สามารถทำงานบนหมายเลขพอร์ตที่แตกต่างกัน
  • ตัวอย่างเช่น คุณสามารถเรียกใช้บล็อกส่วนตัวของคุณบนพอร์ตได้ 4001 เปิด รันเว็บไซต์แสดงโปรเจ็กต์บนพอร์ต 4002 บน.
  • ในเบราว์เซอร์ คุณสามารถเข้าถึงเว็บไซต์ต่างๆ ได้โดยการระบุหมายเลขพอร์ตใน URL
  • ตัวอย่างเช่นในการเข้าถึงพอร์ตที่ทำงานอยู่ 4001 คุณสามารถเข้าไปที่บล็อกส่วนตัวของคุณได้ http://localhost:4001.

ต่อไปนี้เป็นตัวอย่างการกำหนดค่าเฉพาะบางส่วน:

ใช้หมายเลขพอร์ตอื่น:

# _config.yml 文件
port: 4001

ใช้ชื่อโดเมนอื่น:

# _config.yml 文件
url: "http://blog.example. com"

จัดการเว็บไซต์คงที่ของ Jekyll หลายแห่ง

Jekyll สร้างเว็บไซต์คงที่หลายแห่งในเครื่อง จะกำหนดค่า URL สำหรับการเข้าถึงเว็บไซต์ท้องถิ่นต่างๆ ได้อย่างไร

คุณสามารถสร้างโฟลเดอร์แยกต่างหากสำหรับแต่ละเว็บไซต์ โดยปรับแต่งแต่ละเว็บไซต์ด้วยโปรไฟล์และเนื้อหาที่แตกต่างกัน

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

บล็อกส่วนตัว:

  • สร้างไฟล์ชื่อ blog โฟลเดอร์
  • blog โฟลเดอร์ สร้าง _config.yml และ index.md ไฟล์.
  • _config.yml ในไฟล์ ให้กำหนดค่าชื่อไซต์ คำอธิบาย ฯลฯ...
  • _posts โฟลเดอร์ เพิ่มโพสต์บล็อกของคุณ

เว็บไซต์แสดงโครงการ:

  • สร้างไฟล์ชื่อ portfolio โฟลเดอร์
  • portfolio โฟลเดอร์ สร้าง _config.yml และ index.md ไฟล์.
  • _config.yml ในไฟล์ ให้กำหนดค่าชื่อไซต์ คำอธิบาย ฯลฯ...
  • _posts โฟลเดอร์ เพิ่มข้อมูลโครงการของคุณ

เว็บไซต์เผยแพร่:

  • blog โฟลเดอร์เรียกใช้ jekyll serve คำสั่งให้เผยแพร่บล็อกส่วนตัว
  • portfolio โฟลเดอร์เรียกใช้ jekyll serve เว็บไซต์แสดงโครงการเผยแพร่คำสั่ง
  • การใช้ Jekyll เพื่อสร้างเว็บไซต์หลายแห่งเป็นวิธีที่ง่ายและมีประสิทธิภาพ

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

ที่จะเปิดใช้งานผ่านบรรทัดคำสั่งที่ติดตั้งในเครื่อง d:\Jekyll\site1\ สำหรับเว็บไซต์ Jekyll คุณสามารถทำตามขั้นตอนเหล่านี้:

1. ไปที่โฟลเดอร์เว็บไซต์ Jekyll:

  • เปิดบรรทัดคำสั่งหรือเทอร์มินัล
  • นำทางไปยังโฟลเดอร์เว็บไซต์โดยใช้คำสั่ง
d:
cd d:\Jekyll\site1\

2. รันคำสั่ง jekyll เสิร์ฟ:

jekyll serve
  • คำสั่งนี้จะเริ่มเซิร์ฟเวอร์ Jekyll และเริ่มโฮสต์เว็บไซต์ของคุณในเครื่อง

3. คุณสามารถดูเว็บไซต์ของคุณได้โดยเข้าถึง URL ต่อไปนี้ในเบราว์เซอร์ของคุณ:

http://localhost:4001

เคล็ดลับเพิ่มเติมมีดังนี้:

  • --portตัวเลือกระบุหมายเลขพอร์ต ตัวอย่างเช่น เพื่อโฮสต์เว็บไซต์ของคุณบนพอร์ต 8080 โปรดรันคำสั่งต่อไปนี้:
jekyll serve --port 8080
  • --configตัวเลือกระบุไฟล์การกำหนดค่า เช่น การใช้ไฟล์ชื่อmyconfig.ymlไฟล์คอนฟิกูเรชัน ให้รันคำสั่งต่อไปนี้:
jekyll serve --config myconfig.yml
  • --watchตัวเลือกในการรีสตาร์ทเซิร์ฟเวอร์โดยอัตโนมัติเมื่อคุณทำการเปลี่ยนแปลง ตัวอย่างเช่น หากต้องการเปิดใช้งานโหมดมอนิเตอร์ ให้รันคำสั่งต่อไปนี้:
jekyll serve --watch
  • ปรับใช้เว็บไซต์ของคุณโดยใช้คำสั่งต่อไปนี้:
jekyll build

จะเพิ่มเนื้อหาบทความใน Jekyll ได้อย่างไร?

สร้างไฟล์ .md เพื่อเพิ่มเนื้อหา

เจคิลสนับสนุน. Markdown ไวยากรณ์ ซึ่งสามารถนำไปใช้จัดรูปแบบข้อความ แทรกรูปภาพ สร้างลิงก์ ฯลฯ...

เมื่อทำตามบทช่วยสอนด้านล่าง คุณจะสามารถสร้างเว็บไซต์ที่เหมาะกับความต้องการของคุณได้อย่างรวดเร็ว▼

หวัง Chen Weiliang บล็อก ( https://www.chenweiliang.com/ ) แบ่งปันว่า "Jekyll สร้างเว็บไซต์คงที่หลายแห่งในเครื่อง จะกำหนดค่า URL สำหรับการเข้าถึงเว็บไซต์ท้องถิ่นต่างๆ ได้อย่างไร" 》มีประโยชน์กับคุณ

ยินดีต้อนรับสู่การแบ่งปันลิงค์ของบทความนี้:https://www.chenweiliang.com/cwl-31561.html

ยินดีต้อนรับสู่ช่อง Telegram ของบล็อกของ Chen Weiliang เพื่อรับข่าวสารล่าสุด!

🔔 เป็นคนแรกที่ได้รับ "คู่มือการใช้งานเครื่องมือ AI การตลาดเนื้อหา ChatGPT" อันทรงคุณค่าในไดเรกทอรีด้านบนของช่อง! 🌟
📚 คู่มือนี้มีคุณค่ามหาศาล 🌟 นี่เป็นโอกาสที่หายาก อย่าพลาด! ⏰⌛💨
แชร์และชอบถ้าคุณชอบ!
การแบ่งปันและไลค์ของคุณเป็นแรงจูงใจอย่างต่อเนื่องของเรา!

 

发表评论

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ 必填项已用 * 标注