เว็บไซต์ที่สร้างด้วย Claude เปิดบนที่อยู่จริงได้แบบนี้

อัปเดตล่าสุด: 2026-08-10

สรุปก่อนเลย วาง HTML ที่ Claude ให้มาลงในหน้าแรกของ makelayer.com แล้วกด "สร้างที่อยู่ของฉัน" ภายใน 60 วินาทีที่อยู่จริงก็จะเปิดได้ ไม่ต้องมีเซิร์ฟเวอร์ ไม่ต้องติดตั้งโปรแกรม ไม่ต้องลงทะเบียนบัตร

สรุปสั้นๆ

เวลาที่ใช้: ประมาณ 1 นาที
แพ็กเกจที่ต้องใช้: ใช้ได้ฟรี
ความรู้ด้านโค้ด: ไม่ต้องมี
ทำที่ไหน: ช่องวางในหน้าแรก

ทำตามทีละขั้น

1
ขอหน้าเว็บจาก Claude

อธิบายหน้าเว็บที่ต้องการเป็นคำพูด แล้ว HTML จะออกมา ถ้าเพิ่มว่า "ทำเป็นไฟล์ HTML ไฟล์เดียว" Claude จะรวมดีไซน์ (CSS) ไว้ในไฟล์เดียวกันให้ ขั้นต่อไปจะง่ายขึ้น แค่กดปุ่ม "คัดลอก" ที่มุมขวาบนของบล็อกโค้ดในคำตอบครั้งเดียวก็พร้อมแล้ว

Claude
ช่วยทำหน้าแนะนำร้านคาเฟ่ของฉันเป็นไฟล์ HTML ไฟล์เดียว ใส่เมนู ที่ตั้ง และปุ่มติดต่อด้วย

index.html คัดลอก

<section class="hero"> <h1>…</h1></section>
2
วางลงใน MakeLayer

ทันทีที่วางโค้ดที่คัดลอกมาลงในช่องที่หน้าแรก หน้าเว็บจะแสดงผลอยู่ข้างๆ เหมือนของจริง ยังไม่ต้องบันทึกไฟล์หรือสมัครสมาชิก ลองดูด้วยตาตัวเองก่อน สคริปต์ที่เขียนไว้ในหน้าจะหยุดชั่วคราวเฉพาะในตัวอย่าง เมื่อเผยแพร่แล้วจะทำงานตามปกติทั้งหมด

วางปุ๊บ ตัวอย่างขึ้นปั๊บ นี่คือหน้าจอจริง
3
กด "สร้างที่อยู่ของฉัน" แล้วตั้งชื่อที่อยู่

ถ้าพอใจกับตัวอย่าง ก็กดปุ่มได้เลย หลังเข้าสู่ระบบครั้งเดียว (โค้ดที่วางไว้ยังอยู่ครบ) ตั้งชื่อที่อยู่ตามต้องการก็เผยแพร่เสร็จ ตั้งแต่ตอนนั้นเว็บไซต์ก็เปิดบนอินเทอร์เน็ตแล้ว ฟรีสูงสุด 2 เว็บไซต์ โดยไม่ต้องลงทะเบียนบัตร

myname.mklyr.com เผยแพร่แล้ว

เมื่อเผยแพร่ จะได้ที่อยู่แบบนี้ทันที โดเมนที่มีอยู่แล้วเชื่อมต่อได้ตั้งแต่ Starter (HTTPS อัตโนมัติ)
4
ครั้งต่อไปจะแก้ ก็แก้ด้วยคำพูด

หลังเผยแพร่แล้วไม่ต้องกลับไปที่ Claude ในตัวแก้ไข บอกสิ่งที่อยากแก้เป็นคำพูด แล้ว AI จะหาและแก้โค้ด พร้อมแสดงให้ดูก่อนว่าจะเปลี่ยนอะไร ถ้าไม่ชอบก็ย้อนกลับได้ในครั้งเดียว

ผู้ช่วยแก้ไข
ทำหัวข้อให้หนักแน่นขึ้น แก้ไปสามจุดแล้ว ถ้าไม่ชอบจะย้อนกลับให้

คำถามที่พบบ่อย

ฟรีจริงไหม

จริง ฟรีตลอดสูงสุด 2 เว็บไซต์ และไม่ขอลงทะเบียนบัตร เว็บไซต์ฟรีจะมีป้ายเล็กๆ "Made with MakeLayer" ซึ่งจะหายไปตั้งแต่ Starter

โค้ดที่ Claude สร้างทำงานได้ตามเดิมไหม

ได้ HTML ที่วางจะถูกเผยแพร่ตามนั้นเลย ในตัวอย่างก่อนเผยแพร่ สคริปต์ที่เขียนไว้ในหน้าจะไม่ทำงาน แต่บนเว็บไซต์ที่เผยแพร่แล้วจะทำงานตามปกติทั้งหมด

ทำเว็บไซต์หลายหน้าได้ไหม

ได้ หลายไฟล์ (หน้าย่อย โฟลเดอร์รูปภาพ) ก็อัปโหลดได้ในแพ็กเกจฟรี สิ่งที่แพ็กเกจฟรีจำกัดไม่ใช่จำนวนไฟล์ แต่เป็นพื้นที่จัดเก็บและจำนวนเว็บไซต์

เชื่อมต่อโดเมนของตัวเองได้ไหม

ได้ ตั้งแต่ Starter เมื่อเชื่อมต่อโดเมนที่มีอยู่ ใบรับรอง HTTPS ก็จะติดให้อัตโนมัติ ในแพ็กเกจฟรีใช้ที่อยู่ mklyr.com ที่ได้รับไปได้เลย

ไม่รู้โค้ดก็แก้ไขได้ไหม

ได้ ในตัวแก้ไข ขอเป็นคำพูด เช่น "เปลี่ยนตัวเลขในตารางราคา" แล้ว AI จะแก้โค้ดให้ คลิกส่วนที่จะแก้เพื่อระบุเองก็ได้ และทุกครั้งที่เผยแพร่จะมีสแนปช็อตเก็บไว้ให้ย้อนกลับได้ทุกเมื่อ

เชื่อมต่อโดยตรงด้วย Claude Code หรือ MCP ได้ไหม

ได้ เครื่องมือที่รองรับ MCP อย่าง Claude Desktop หรือ Cursor เผยแพร่ HTML ที่สร้างในบทสนทนาได้ทันทีโดยไม่ต้องคัดลอกและวางแบบในคู่มือนี้ วิธีเชื่อมต่อสรุปไว้แยกต่างหากที่หน้า /mcp

ลองทำเลยเร็วกว่าอ่าน วาง HTML ของคุณได้ตอนนี้

เริ่มด้วยการวาง เริ่มใช้ฟรี

เว็บไซต์ที่สร้างด้วย Claude เปิดบนที่อยู่จริงได้แบบนี้

สรุปสั้นๆ

ทำตามทีละขั้น

ขอหน้าเว็บจาก Claude

วางลงใน MakeLayer

กด "สร้างที่อยู่ของฉัน" แล้วตั้งชื่อที่อยู่

ครั้งต่อไปจะแก้ ก็แก้ด้วยคำพูด