วิธีDeployเทมเพลต HTML ไปยัง Cloudflare Pages (ฟรี)

วิธีDeployเทมเพลต HTML ไปยัง Cloudflare Pages (ฟรี)

ทำไมต้อง Cloudflare Pages?

Cloudflare Pages ให้บริการโฮสติ้งเว็บไซต์แบบสแตติกฟรีพร้อม CDN ทั่วโลก HTTPS อัตโนมัติ และแบนด์วิดท์ไม่จำกัด เป็นเป้าหมายการ deploy ที่สมบูรณ์แบบสำหรับเทมเพลตเว็บไซต์ HTML

ข้อกำหนดเบื้องต้น

  • บัญชี Cloudflare (ฟรี)
  • ไฟล์เทมเพลต HTML ของคุณพร้อม
  • ที่เก็บ GitHub หรือ GitLab (ไม่บังคับ สำหรับ CI/CD)

วิธีที่ 1: อัปโหลดโดยตรง (เร็วที่สุด)

  1. ลงชื่อเข้าใช้ แดชบอร์ด Cloudflare ของคุณ
  2. ไปที่ Pages และคลิก Create a project
  3. เลือก Upload assets
  4. ลากและวางโฟลเดอร์เทมเพลตของคุณ (ต้องมี index.html)
  5. คลิก Deploy site
  6. เว็บไซต์ของคุณออนไลน์ทันทีด้วยโดเมน .pages.dev

วิธีที่ 2: การรวม Git (แนะนำ)

  1. Push เทมเพลตของคุณไปยังที่เก็บ GitHub หรือ GitLab
  2. ใน Cloudflare Pages เลือก Connect to Git
  3. เลือกที่เก็บของคุณ
  4. ตั้งค่าการ build:
    • Build command: เว้นว่างสำหรับ HTML ธรรมดา
    • Output directory: / หรือ dist
  5. คลิก Save and Deploy
  6. การ push ครั้งต่อไปจะเรียกใช้การ deploy ใหม่โดยอัตโนมัติ

การเพิ่มโดเมนที่กำหนดเอง

  1. ในโปรเจกต์ Pages ของคุณ ไปที่ Custom domains
  2. คลิก Set up a custom domain
  3. ป้อนชื่อโดเมนของคุณ
  4. Cloudflare กำหนดค่า DNS และ SSL โดยอัตโนมัติ

การเพิ่มประสิทธิภาพ

  • การบีบอัด Brotli: เปิดใช้งานในการตั้งค่า Cloudflare
  • กฎแคช: ตั้งค่า TTL ที่ยาวนานสำหรับเนื้อหาคงที่
  • Early Hints: เปิดใช้งานเพื่อโหลดทรัพยากรได้เร็วขึ้น

บทสรุป

Cloudflare Pages เป็นโซลูชันโฮสติ้งฟรีที่เหมาะสำหรับเทมเพลต HTML ด้วย CDN ทั่วโลก HTTPS อัตโนมัติ และการ deploy แบบ Git คุณสามารถเปลี่ยนจากเทมเพลตเป็นเว็บไซต์ที่ใช้งานจริงได้ในเวลาไม่ถึง 5 นาที ดาวน์โหลด เทมเพลตฟรี และลองใช้วันนี้

เทมเพลตที่เกี่ยวข้อง