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