เว็บไซต์ที่สร้างด้วย ChatGPT เปิดบนที่อยู่จริงได้แบบนี้
อัปเดตล่าสุด: 2026-08-07
สรุปก่อนเลย วาง HTML ที่ ChatGPT ให้มาลงในหน้าแรกของ makelayer.com แล้วกด "สร้างที่อยู่ของฉัน" ภายใน 60 วินาทีที่อยู่จริงก็จะเปิดได้ ไม่ต้องมีเซิร์ฟเวอร์ ไม่ต้องติดตั้งโปรแกรม ไม่ต้องลงทะเบียนบัตร
สรุปสั้นๆ
- เวลาที่ใช้
- ประมาณ 1 นาที
- แพ็กเกจที่ต้องใช้
- ใช้ได้ฟรี
- ความรู้ด้านโค้ด
- ไม่ต้องมี
- ทำที่ไหน
- ช่องวางในหน้าแรก
ทำตามทีละขั้น
- 1
ขอหน้าเว็บจาก ChatGPT
อธิบายหน้าเว็บที่ต้องการเป็นคำพูด แล้ว HTML จะออกมา ถ้าเพิ่มว่า "ทำเป็นไฟล์ HTML ไฟล์เดียว" ChatGPT จะรวมดีไซน์ (CSS) ไว้ในไฟล์เดียวกันให้ ขั้นต่อไปจะง่ายขึ้น แค่กดปุ่ม "คัดลอก" ที่มุมขวาบนของบล็อกโค้ดในคำตอบครั้งเดียวก็พร้อมแล้ว
ChatGPT
ช่วยทำหน้าแนะนำร้านคาเฟ่ของฉันเป็นไฟล์ HTML ไฟล์เดียว ใส่เมนู ที่ตั้ง และปุ่มติดต่อด้วยindex.html คัดลอก<section class="hero"> <h1>…</h1></section> - 2
วางลงใน MakeLayer
ทันทีที่วางโค้ดที่คัดลอกมาลงในช่องที่หน้าแรก หน้าเว็บจะแสดงผลอยู่ข้างๆ เหมือนของจริง ยังไม่ต้องบันทึกไฟล์หรือสมัครสมาชิก ลองดูด้วยตาตัวเองก่อน สคริปต์ที่เขียนไว้ในหน้าจะหยุดชั่วคราวเฉพาะในตัวอย่าง เมื่อเผยแพร่แล้วจะทำงานตามปกติทั้งหมด
วางปุ๊บ ตัวอย่างขึ้นปั๊บ นี่คือหน้าจอจริง - 3
กด "สร้างที่อยู่ของฉัน" แล้วตั้งชื่อที่อยู่
ถ้าพอใจกับตัวอย่าง ก็กดปุ่มได้เลย หลังเข้าสู่ระบบครั้งเดียว (โค้ดที่วางไว้ยังอยู่ครบ) ตั้งชื่อที่อยู่ตามต้องการก็เผยแพร่เสร็จ ตั้งแต่ตอนนั้นเว็บไซต์ก็เปิดบนอินเทอร์เน็ตแล้ว ฟรีสูงสุด 2 เว็บไซต์ โดยไม่ต้องลงทะเบียนบัตร
myname.mklyr.com เผยแพร่แล้วเมื่อเผยแพร่ จะได้ที่อยู่แบบนี้ทันที โดเมนที่มีอยู่แล้วเชื่อมต่อได้ตั้งแต่ Starter (HTTPS อัตโนมัติ)
- 4
ครั้งต่อไปจะแก้ ก็แก้ด้วยคำพูด
หลังเผยแพร่แล้วไม่ต้องกลับไปที่ ChatGPT ในตัวแก้ไข บอกสิ่งที่อยากแก้เป็นคำพูด แล้ว AI จะหาและแก้โค้ด พร้อมแสดงให้ดูก่อนว่าจะเปลี่ยนอะไร ถ้าไม่ชอบก็ย้อนกลับได้ในครั้งเดียว
ผู้ช่วยแก้ไขทำหัวข้อให้หนักแน่นขึ้น แก้ไปสามจุดแล้ว ถ้าไม่ชอบจะย้อนกลับให้
คำถามที่พบบ่อย
ฟรีจริงไหม
จริง ฟรีตลอดสูงสุด 2 เว็บไซต์ และไม่ขอลงทะเบียนบัตร เว็บไซต์ฟรีจะมีป้ายเล็กๆ "Made with MakeLayer" ซึ่งจะหายไปตั้งแต่ Starter
โค้ดที่ ChatGPT สร้างทำงานได้ตามเดิมไหม
ได้ HTML ที่วางจะถูกเผยแพร่ตามนั้นเลย ในตัวอย่างก่อนเผยแพร่ สคริปต์ที่เขียนไว้ในหน้าจะไม่ทำงาน แต่บนเว็บไซต์ที่เผยแพร่แล้วจะทำงานตามปกติทั้งหมด
ทำเว็บไซต์หลายหน้าได้ไหม
ได้ หลายไฟล์ (หน้าย่อย โฟลเดอร์รูปภาพ) ก็อัปโหลดได้ในแพ็กเกจฟรี สิ่งที่แพ็กเกจฟรีจำกัดไม่ใช่จำนวนไฟล์ แต่เป็นพื้นที่จัดเก็บและจำนวนเว็บไซต์
เชื่อมต่อโดเมนของตัวเองได้ไหม
ได้ ตั้งแต่ Starter เมื่อเชื่อมต่อโดเมนที่มีอยู่ ใบรับรอง HTTPS ก็จะติดให้อัตโนมัติ ในแพ็กเกจฟรีใช้ที่อยู่ mklyr.com ที่ได้รับไปได้เลย
ไม่รู้โค้ดก็แก้ไขได้ไหม
ได้ ในตัวแก้ไข ขอเป็นคำพูด เช่น "เปลี่ยนตัวเลขในตารางราคา" แล้ว AI จะแก้โค้ดให้ คลิกส่วนที่จะแก้เพื่อระบุเองก็ได้ และทุกครั้งที่เผยแพร่จะมีสแนปช็อตเก็บไว้ให้ย้อนกลับได้ทุกเมื่อ
อ่านต่อ
- เว็บไซต์ที่สร้างด้วย Claude เปิดบนที่อยู่จริงได้แบบนี้ คู่มือทีละขั้นตอนในการเผยแพร่ HTML ที่สร้างด้วย Claude บนที่อยู่จริงภายใน 60 วินาทีโดยไม่ต้องมีเซิร์ฟเวอร์ (ไทย)
- เว็บไซต์ที่สร้างด้วย Gemini เปิดบนที่อยู่จริงได้แบบนี้ คู่มือทีละขั้นตอนในการเผยแพร่ HTML ที่สร้างด้วย Gemini บนที่อยู่จริงภายใน 60 วินาทีโดยไม่ต้องมีเซิร์ฟเวอร์ (ไทย)
- วิธีเปิดไฟล์ HTML ที่มีอยู่แล้วบนที่อยู่จริง คู่มือทีละขั้นตอนในการเผยแพร่ไฟล์ HTML ที่มีอยู่แล้วบนที่อยู่จริงภายใน 60 วินาทีโดยไม่ต้องมีเซิร์ฟเวอร์ (ไทย)
- เชื่อมต่อโดเมนของคุณ — แค่ลงทะเบียน CNAME และ TXT ก็เสร็จ วิธีเชื่อมต่อโดเมนที่มีอยู่กับเว็บไซต์ที่เผยแพร่และรับ HTTPS อัตโนมัติ (ไทย)
ลองทำเลยเร็วกว่าอ่าน วาง HTML ของคุณได้ตอนนี้