วิธีโฮสต์เว็บไซต์ที่สร้างด้วย Claude (Artifacts)

ประเภทไฟล์ที่ใช้ได้

Artifact ของ Claude แทบทุกครั้งเป็น index.html ไฟล์เดียวที่มี CSS และ JavaScript อยู่ข้างในครบ ซึ่งเป็นกรณีที่ง่ายที่สุดสำหรับโฮสติ้งแบบสแตติก ถ้า Artifact โหลดรูปภาพหรือฟอนต์ไอคอนจาก URL ให้ดาวน์โหลดมาไว้ในโฟลเดอร์เดียวกัน แล้วชี้แท็กไปที่ไฟล์ในเครื่อง เพื่อไม่ให้อะไรต้องพึ่งการที่ Claude ยังออนไลน์อยู่

อะไรที่อาจผิดพลาด และวิธีแก้

• ลิงก์ Artifact ที่แชร์ให้ลูกค้าใช้งานไม่ได้แล้ว

  URL ของ Artifact แสดงผลภายใน Claude และอาจเปลี่ยนหรือหมดอายุได้ ให้เผยแพร่โค้ดด้วย SiteDrop แทน URL อิสระที่เป็นของคุณจะไม่ขึ้นกับเซสชันของ Claude

• ฟอนต์หรือไอคอนดูต่างไปหลังเผยแพร่

  Artifact โหลดสิ่งเหล่านั้นจาก CDN ที่ไม่ได้อยู่ใน zip ของคุณ ให้คง <link> ของ CDN สาธารณะไว้ตามเดิม หรือดาวน์โหลดไฟล์ฟอนต์/ไอคอนมาไว้ในโฟลเดอร์แล้วอ้างอิงจากในเครื่อง

• คุณเผยแพร่ตัวอย่าง แต่หน้าว่างเปล่า

  คุณคัดลอกตัวอย่างที่แสดงผลแล้ว ไม่ใช่ซอร์สโค้ด ให้สลับ Artifact ไปที่มุมมองโค้ด (ปุ่มสลับ </>) แล้วคัดลอก HTML จากตรงนั้น

SiteDrop เทียบกับการใช้ Netlify ตรงๆ

Netlify ออกแบบมาสำหรับ repository และไปป์ไลน์ build ส่วน Artifact ของ Claude ที่มีไฟล์เดียวไม่ต้องการสิ่งเหล่านั้นเลย การลากไฟล์ HTML ไฟล์เดียวไปวางในเครื่องมือ deploy ทั่วไปต้องตั้งค่าบัญชีมากเกินกว่างาน SiteDrop สร้างมาเพื่อ “มีไฟล์แล้ว ช่วยนำขึ้นออนไลน์ให้หน่อย” โดยเฉพาะ Artifact ที่ครบในตัวจึงอัปโหลดเสร็จใน 30 วินาที ได้ลิงก์จริงและเลือกใช้โดเมนของตัวเองได้