วิธีเผยแพร่ HTML จาก Gemini chat
Gemini writes solid HTML and its Canvas mode even shows a live preview — but that preview lives inside your Google account, not on the web. To send someone a link that just works, the code needs a host. Here's the fastest free way to do it.
- 01
Open the code
In Canvas, switch from the preview to the code view. In a regular chat answer, your page is in a code block — scroll to it.
- 02
Copy it
Click the copy icon on the code block (or select all inside Canvas and copy). That's your entire website on the clipboard.
- 03
บันทึกเป็น index.html
วางโค้ดลงในโปรแกรมแก้ไขข้อความไหนก็ได้ — Notepad, TextEdit, VS Code — แล้วบันทึกไฟล์เป็น index.html ชื่อนี้สำคัญ: เบราว์เซอร์จะถือว่านี่คือหน้าแรกของคุณ
- 04
วางลงในกล่องด้านล่าง
ลาก index.html (หรือทั้งโฟลเดอร์) ลงในกล่องอัปโหลดบนหน้านี้แล้วกด publish ไซต์ของคุณจะได้ที่อยู่เว็บของตัวเองทันที
- 05
แชร์ลิงก์ของคุณ
แค่นี้เลย — ส่ง URL ให้ใครก็ได้ คุณเปลี่ยนชื่อไซต์ อัปเดตไฟล์ หรือลบมันจากแดชบอร์ดของคุณได้ทุกเมื่อที่ต้องการ
วาง HTML จาก Gemini ของคุณที่นี่
ไฟล์เดียวหรือทั้งโฟลเดอร์ — คุณจะได้ลิงก์ใช้งานจริงทันทีที่เผยแพร่เสร็จ
ลากเว็บไซต์ของคุณมาที่นี่
วางโฟลเดอร์หรือไฟล์ ZIP ที่มี index.html ของคุณ — หรือแค่แปะ HTML จากคลิปบอร์ด — แล้วเราจะเอามันขึ้นออนไลน์ภายในไม่กี่วินาที ไม่ต้องตั้งค่า ไม่ต้องปวดหัว
หรือให้ Gemini เผยแพร่ให้คุณเลย
ข้ามการคัดลอกไปเลย คัดลอกคำสั่งสำเร็จรูปของเรา วางลงในบทสนทนา Gemini ของคุณ แล้วมันจะอัปโหลดไซต์ผ่าน API ของเราได้ — คุณจะได้ลิงก์ใช้งานจริงและลิงก์ claim ส่วนตัวเพื่อรับสิทธิ์เป็นเจ้าของ
ทำงานในเทอร์มินัลแทนอยู่ใช่ไหม? รัน npx harvis — ไม่ต้องมีบัญชี
คำถามเกี่ยวกับการเผยแพร่จาก Gemini
Gemini Canvas already previews my page — why do I need hosting?
The Canvas preview only exists inside your Gemini session. There's no public URL behind it, so nobody else can open it. Publishing here gives the page its own address anyone can visit.
Does this work with pages built in Google AI Studio?
Yes. AI Studio lets you download your app's files — grab the folder, make sure it has an index.html, and drag the whole thing into the box below.
วิธีที่ง่ายที่สุดในการเผยแพร่ HTML จาก Gemini คืออะไร?
มีสามวิธี ง่ายที่สุด: คัดลอก HTML จาก Gemini แล้ววางลงในกล่องบนหน้านี้ — เราจะเปลี่ยนมันเป็นไซต์ใช้งานจริงทันที ไม่ต้องลงมือเอง: คัดลอกคำสั่ง AI ของเราลงในบทสนทนา Gemini ของคุณ แล้วมันจะเผยแพร่ผ่าน API ของเราให้คุณ ในเทอร์มินัล: รัน npx harvis ในโฟลเดอร์ของไซต์ แล้วมันจะดีพลอยด้วยคำสั่งเดียว
ฉันต้องมีบัญชีเพื่อเผยแพร่ไหม?
การเผยแพร่จากหน้านี้ต้องมีบัญชีฟรี เพื่อให้ไซต์ของคุณมีที่อยู่ในแดชบอร์ด ไม่อยากสมัครสมาชิก? รัน npx harvis ในเทอร์มินัล — ดีพลอยได้โดยไม่ต้องมีบัญชีและให้ลิงก์ claim ส่วนตัวไว้ใช้ภายหลัง
ถ้า Gemini ให้ไฟล์มามากกว่าหนึ่งไฟล์ล่ะ?
ใส่ทุกอย่างในโฟลเดอร์เดียว — index.html อยู่ด้านบนสุด บวกกับไฟล์ CSS, JavaScript และรูปภาพที่มันอ้างอิงถึง — แล้วลากทั้งโฟลเดอร์ลงในกล่อง สูงสุด 500 ไฟล์และ 50 MB ต่อไซต์
มีค่าใช้จ่ายเท่าไร และไซต์จะออนไลน์อยู่นานแค่ไหน?
ฟรี และไซต์ที่เผยแพร่แล้วไม่มีวันหมดอายุ — จะออนไลน์อยู่จนกว่าคุณจะลบมันจากแดชบอร์ดของคุณ อัปโหลดใหม่ได้ทุกเมื่อโดยลิงก์ยังคงเดิม
ใช้ AI chat ตัวอื่นอยู่?
สูตรแทบจะเหมือนกันทุกที่ — เลือกเครื่องมือของคุณเพื่อดูขั้นตอนที่แน่นอน