คู่มือโฮสติ้งแบบไร้เซิร์ฟเวอร์บล็อก Jekyll: จะปรับใช้กับ Surge.sh ฟรีได้อย่างไร

วิธีการโฮสต์ฟรี Jekyll บล็อกคงที่? ไม่จำเป็นต้องซื้อเซิร์ฟเวอร์หรือทักษะทางเทคนิค แม้แต่มือใหม่ก็สามารถเริ่มต้นได้อย่างรวดเร็ว!

Jekyll + Surge.sh ช่วยให้คุณสร้างแพลตฟอร์มบล็อกที่มีประสิทธิภาพได้อย่างง่ายดาย!

ติดตั้งโครงการ Surge

Surge.sh เป็นโปรแกรมอ้างอิง JavaScript ที่เผยแพร่โดยแพลตฟอร์ม Node.js

ก่อนที่จะใช้ Surge คุณต้องทำติดตั้ง Node.js บนเครื่องคอมพิวเตอร์ของคุณ.

• จากนั้นติดตั้ง Surge ผ่าน npm

หากคุณยังไม่ได้ติดตั้ง Surge งานแรกคือการป้อนคำสั่งต่อไปนี้เพื่อติดตั้ง▼

npm install -g surge

• ตอนนี้คุณมีเครื่องมือทั้งหมดที่จำเป็นในการเปิดเว็บไซต์ Jekyll อย่างรวดเร็ว

สร้างไซต์ Jekyll ใหม่

ขั้นแรก ค้นหาโปรเจ็กต์ Jekyll ที่คุณมีอยู่ หรือสร้างโปรเจ็กต์ใหม่ผ่านเทอร์มินัล ▼

# 在当前目录创建一个新的 Jekyll 站点
jekyll new ./

สำหรับวิธีการเฉพาะในการสร้าง Jekyll โปรดคลิกลิงก์ด้านล่างเพื่ออ่านบทช่วยสอนการดาวน์โหลดและติดตั้ง Jekyll ที่เตรียมไว้อย่างรอบคอบ▼

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

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

หลังจากตั้งค่าเครื่องคอมพิวเตอร์และตั้งค่า Jekyll แล้วคุณสามารถเข้าถึงได้ในเบราว์เซอร์ของคุณด้วยคำสั่งต่อไปนี้:jekyll serve

jekyll serve
# 服务器地址: http://localhost:4000/
# 服务器运行中... 按下 ctrl-c 可停止。

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

รวบรวมเว็บไซต์ Jekyll ของคุณ

จากนั้น คุณสามารถรวบรวมเว็บไซต์ Jekyll ของคุณเป็นไฟล์ HTML, CSS และ JavaScript แบบคงที่ได้

jekyll build

ตอนนี้ซอร์สโค้ดของคุณได้ถูกรวบรวมเป็นไฟล์ _site/ 。

ทุกการวิ่ง jekyll build ไฟล์เหล่านี้จะถูกคอมไพล์ใหม่ ซึ่งเป็นไฟล์ที่คุณต้องการเผยแพร่ทางเว็บด้วย

ปรับใช้ไซต์ Jekyll ของคุณ

คุณสามารถใช้คำสั่งต่อไปนี้เพื่อ _site/ เผยแพร่แคตตาล็อกทางอินเทอร์เน็ต▼

surge _site/

หากคุณยังไม่ได้เข้าสู่ระบบหรือลงทะเบียน ระบบจะแจ้งให้คุณเข้าสู่ระบบหรือลงทะเบียน

ถัดไปคุณจะได้รับโดเมนย่อยแบบสุ่ม

คุณสามารถแทนที่ด้วยสิ่งที่คุณต้องการได้เช่น example-jekyll.surge.sh ▼

surge _site/

email: [email protected]
project path: ~/Sites/jekyll-project/_site
domain: (random-suggestion.surge.sh) example-jekyll.surge.sh

หลังจากกด Enter คุณควรได้รับข้อความยืนยันว่าเว็บไซต์ของคุณเปิดตัวสำเร็จแล้ว▼

Success! Project is published and running at example-jekyll.surge.sh

• ทำได้ดีมาก เว็บไซต์ของคุณออนไลน์ได้สำเร็จแล้ว!

Surge จะขอให้คุณป้อนชื่อโดเมนตามค่าเริ่มต้นทุกครั้งที่มีการปรับใช้

หากต้องการข้ามขั้นตอนนี้ คุณสามารถส่งชื่อโดเมนโดยตรงไปยัง CLI ของ Surge เมื่อรันคำสั่ง

ตัวอย่างเช่น หากโดเมนย่อยของคุณคือvancouver.surge.shคุณสามารถดำเนินการคำสั่งต่อไปนี้ ▼

surge _site/ --domain vancouver.surge.sh

• หากคุณกำลังเพิ่มชื่อโดเมนแบบกำหนดเองใน Surge คุณสามารถแทนที่ชื่อโดเมนย่อยในคำสั่งด้านบนด้วยชื่อโดเมนแบบกำหนดเองของคุณได้

หากคุณต้องการสลับบัญชีเพื่อเข้าสู่ระบบ คุณต้องออกจากระบบบัญชี Surge ของคุณ▼

surge logout

หากข้อความแสดงข้อผิดพลาดต่อไปนี้ปรากฏขึ้น▼

Aborted - you do not have permission to publish to xxx. surge.sh

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

注意事项

เนื่องจากชื่อโดเมนย่อยที่ Surge ระบุอย่างเป็นทางการถูกบังคับให้บล็อกสไปเดอร์ค้นหาในไฟล์ robots.txt (ไม่เอื้อต่อSEO) เราไม่ได้รับอนุญาตให้แก้ไข จึงไม่แนะนำให้ใช้

เราขอแนะนำให้เพิ่มชื่อโดเมนที่กำหนดเองลงใน Surge เพื่อให้ไฟล์ robots.txt ของคุณสามารถแก้ไขได้

🚀 ต้องการเรียนรู้วิธีปรับใช้ Jekyll กับ Surge.sh และเพิ่มชื่อโดเมนที่กำหนดเองหรือไม่?

คลิกลิงก์ด้านล่างเพื่ออ่านคำแนะนำของเราต่อและสร้างเว็บไซต์คงที่ของคุณได้อย่างง่ายดาย▼

ปรับใช้ Jekyll กับ Surge.sh เพื่อเพิ่มชื่อโดเมนที่กำหนดเอง: สร้างเว็บไซต์คงที่ได้อย่างง่ายดาย

🚀 ต้องการปรับใช้บล็อกแบบคงที่ของ Jekyll กับ Surge.sh และผูกชื่อโดเมนแบบกำหนดเองหรือไม่? บทความนี้ให้รายละเอียดเกี่ยวกับกลยุทธ์ในการทำให้เว็บไซต์ของคุณโดดเด่น! 🌟 อย่าพลาดโอกาสที่จะระเบิดบล็อกของคุณ! 💥 เพิ่มชื่อโดเมนแบบกำหนดเองด้วย Surge ก็เลือกใช้เองได้...