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