ขั้นตอนอย่างละเอียด
1. จัดเตรียมโฟลเดอร์โปรเจกต์
- สร้างโฟลเดอร์ใหม่บนหน้า Desktop คอมพิวเตอร์ของคุณ ตั้งชื่อว่า my-website
- ย้ายไฟล์ index.html ที่ได้จาก Gemini Canvas เข้าไปอยู่ในโฟลเดอร์นี้
- (ถ้ามี) หากมีไฟล์รูปภาพ ให้สร้างโฟลเดอร์ย่อยชื่อ images ไว้ข้างในเพื่อเก็บรูปภาพ
2. สมัครเข้าใช้งาน Netlify
- เข้าเว็บไซต์ app.netlify.com
- กดปุ่ม Sign up
- เลือกสมัครผ่าน Sign up with Google หรือ GitHub เพื่อความสะดวกและไม่ต้องรอยืนยันอีเมลหลายขั้นตอน
3. อัปโหลดไฟล์ด้วยวิธี Drag and Drop
- เมื่อเข้าสู่หน้าแดชบอร์ดของ Netlify ให้มองหาเมนู Sites ที่แถบซ้ายมือ
- เลื่อนหน้าจอลงมาด้านล่างสุด คุณจะเห็นกรอบสี่เหลี่ยมเส้นประที่มีข้อความว่า “Drag and drop your site folder here”
- ลากโฟลเดอร์ my-website จากคอมพิวเตอร์ของคุณ มาปล่อยลงในกรอบเส้นประ
- รอระบบอัปโหลดประมาณ 3-5 วินาที หน้าจอจะเปลี่ยนเป็นสีเขียวพร้อมสร้าง URL เว็บไซต์ให้ทันที
4. เปลี่ยนชื่อลิงก์เว็บไซต์ให้จำง่าย
ในครั้งแรก Netlify จะสุ่มชื่อลิงก์แปลกๆ มาให้ เช่น happy-einstein-123456.netlify.app คุณสามารถเปลี่ยนเป็นชื่อที่คุณต้องการได้ดังนี้:
- คลิกที่ปุ่ม Site configuration
- ในหัวข้อ Site details กดปุ่ม Change site name
- พิมพ์ชื่อที่คุณต้องการ (ภาษาอังกฤษ ตัวพิมพ์เล็ก และเครื่องหมายขีดกลาง – เท่านั้น)
- กด Save ลิงก์ใหม่ของคุณจะเป็น [ชื่อที่คุณตั้ง].netlify.app
🔄 วิธีแก้ไข/อัปเดตหน้าเว็บในอนาคต:
หากคุณแก้ไขไฟล์ index.html ในคอมพิวเตอร์แล้วต้องการให้อัปเดตขึ้นเว็บจริง ให้ไปที่ Netlify > เลือกเว็บไซต์ของคุณ > ไปที่แท็บ Deploys > ลากโฟลเดอร์ my-website ตัวใหม่มาวางทับในกรอบด้านล่าง ระบบจะอัปเดตข้อมูลล่าสุดให้ทันที