วิธีแชร์หน้า HTML ที่ AI สร้างด้วยลิงก์
AI สร้างหน้าเว็บที่เปิดได้ในตัวอย่างของแชตหรือบนคอมพิวเตอร์ของคุณแล้ว แต่เมื่อส่งไฟล์ HTML ให้ลูกค้า เพื่อนร่วมงาน หรือเพื่อน ผู้รับอาจเห็นโค้ด รูปภาพหาย หรือต้องดาวน์โหลดก่อน
คำตอบสั้น ๆ
ถ้าหน้าเว็บใช้เพียง HTML, CSS และ JavaScript ในเบราว์เซอร์ ให้อัปโหลดไฟล์แล้วแชร์ URL ได้เลย ที่นี่ไม่ต้องตั้งค่าที่เก็บโค้ด คำสั่ง build หรือโครงการโฮสติ้ง หากต้องใช้เซิร์ฟเวอร์หรือฐานข้อมูล ให้ตรวจสอบส่วนนี้ก่อน
วางไฟล์หรือโฟลเดอร์ที่นี่ หรือคลิกเพื่ออัปโหลด
อัปโหลดแบบไม่ระบุตัวตน: ไม่เกิน 5 MB ต่อไฟล์ เก็บหนึ่งเดือน สมัครแล้วได้ 50 MB ต่อไฟล์และเก็บถาวร
1. ตรวจสอบหน้าเว็บและไฟล์
HTML ไฟล์เดียวเพียงพอเมื่อรวมสไตล์และสคริปต์ไว้แล้ว หรือเรียกจาก URL สาธารณะ หากใช้รูปภาพ CSS หรือ JavaScript ในเครื่อง ให้อัปโหลดทั้งโฟลเดอร์ วาง index.html ไว้ระดับบนสุด และรักษาพาธแบบสัมพัทธ์ไว้
ผู้เข้าชมอ่าน HTML, CSS และ JavaScript ของเบราว์เซอร์ได้ จึงต้องลบคีย์ API ส่วนตัว ข้อมูลยืนยันตัวตนที่มีสิทธิ์สูง รหัสผ่าน และข้อมูลส่วนบุคคล คีย์ที่ AI ใส่ไว้ในโค้ดก็ไม่ได้รับการปกป้อง
หน้าเว็บแบบสแตติกแสดงเนื้อหา คำนวณ และตอบสนองต่อการกดปุ่มได้ แต่การเก็บข้อมูลร่วมกัน การยืนยันผู้ใช้ และงานที่ต้องใช้สิทธิ์พิเศษต้องมีเซิร์ฟเวอร์ localhost หมายถึงคอมพิวเตอร์ของผู้เข้าชม API ภายนอกต้องใช้ HTTPS และอนุญาตต้นทางของหน้าเว็บผ่าน CORS โดย Plopino ให้บริการส่วนหน้าแบบสแตติก ไม่ได้เผยแพร่เซิร์ฟเวอร์ในเครื่องหรือฐานข้อมูลของคุณ
2. ลองตัวอย่างที่ใช้งานได้จริง
Gradient Studio เป็นตัวอย่างแบบโต้ตอบที่สมบูรณ์ในไฟล์เดียว ลองเปลี่ยนสีและมุม ดู HTML หรือดาวน์โหลดสำเนาเพื่อแก้ไข การดูตัวอย่างและดาวน์โหลดไม่เผยแพร่สิ่งใด ลองขั้นตอนแก้ไข → ดูตัวอย่าง → เผยแพร่ก่อนใช้ผลงานจริง
ดูตัวอย่างที่เผยแพร่แล้วGradient Studio3. เผยแพร่และแชร์ลิงก์
- เลือกไฟล์ HTML, ZIP หรือทั้งโฟลเดอร์โครงการ
- รอให้อัปโหลดเสร็จ เปิดลิงก์ที่ได้ และทดสอบบนโทรศัพท์
- วางลิงก์ในอีเมล แชต หรือเอกสาร ผู้รับจะเปิดในเบราว์เซอร์ได้
ถ้ารูปหรือสไตล์หาย ให้ตรวจสอบโฟลเดอร์และพาธแทนการอัปโหลด HTML เดิมซ้ำ หากปุ่มต้องใช้เซิร์ฟเวอร์ในเครื่อง ให้เตรียมแบ็กเอนด์ที่เข้าถึงได้ก่อน
อัปโหลดไฟล์HTML · ZIPแก้เนื้อหาโดยใช้ลิงก์เดิม
การอัปโหลดแบบไม่ลงชื่อเข้าใช้เป็นสาธารณะและเก็บไว้ 30 วัน หากต้องการเก็บและจัดการต่อ ให้บันทึกหน้าเว็บเข้าบัญชีหลังเผยแพร่ จากนั้นอัปโหลดรุ่นใหม่ในบอร์ดของฉัน เนื้อหาเปลี่ยนแต่ URL คงเดิม เหมาะกับหน้า AI ที่กำลังปรับปรุง พอร์ตโฟลิโอ หรือข้อเสนอ
อย่าใส่งานลับในการอัปโหลดสาธารณะแบบไม่ลงชื่อเข้าใช้ ลบข้อมูลลับและตรวจสอบสิ่งที่ต้องการแชร์ก่อนอัปโหลดทุกครั้ง
ปัญหาที่พบบ่อย
- ผู้รับเห็นโค้ด: เผยแพร่เป็นหน้า text/html แล้วส่ง URL แทนไฟล์แนบ
- รูปหายหลังเผยแพร่: ใส่ทรัพยากรให้ครบ รักษาโครงสร้างโฟลเดอร์ และหลีกเลี่ยงพาธแบบเต็มที่มีเฉพาะในเครื่องคุณ
- อ่านหรือบันทึกข้อมูลไม่ได้: ตรวจสอบ localhost ข้อผิดพลาด API, CORS และเนื้อหาผสม HTTP/HTTPS ในคอนโซล