วิธีเผยแพร่ HTML จาก Claude chat
Claude is brilliant at building single-file websites — landing pages, presentations, little games — but Anthropic doesn't host them. Your page lives in an Artifact inside claude.ai, and the people you want to show it to don't have your chat. Here's how to move it from the chat to a real, shareable web address in about half a minute.
- 01
Open the Artifact
Your page appears in Claude's side panel as an Artifact with a live preview. Click it so the preview panel is open, then switch to the code view if you want to peek at the HTML.
- 02
Copy or download the code
Use the copy icon at the bottom of the Artifact panel, or the download button to save the file straight to your computer. Either way you now have the full HTML.
- 03
บันทึกเป็น index.html
วางโค้ดลงในโปรแกรมแก้ไขข้อความไหนก็ได้ — Notepad, TextEdit, VS Code — แล้วบันทึกไฟล์เป็น index.html ชื่อนี้สำคัญ: เบราว์เซอร์จะถือว่านี่คือหน้าแรกของคุณ
- 04
วางลงในกล่องด้านล่าง
ลาก index.html (หรือทั้งโฟลเดอร์) ลงในกล่องอัปโหลดบนหน้านี้แล้วกด publish ไซต์ของคุณจะได้ที่อยู่เว็บของตัวเองทันที
- 05
แชร์ลิงก์ของคุณ
แค่นี้เลย — ส่ง URL ให้ใครก็ได้ คุณเปลี่ยนชื่อไซต์ อัปเดตไฟล์ หรือลบมันจากแดชบอร์ดของคุณได้ทุกเมื่อที่ต้องการ
วาง HTML จาก Claude ของคุณที่นี่
ไฟล์เดียวหรือทั้งโฟลเดอร์ — คุณจะได้ลิงก์ใช้งานจริงทันทีที่เผยแพร่เสร็จ
ลากเว็บไซต์ของคุณมาที่นี่
วางโฟลเดอร์หรือไฟล์ ZIP ที่มี index.html ของคุณ — หรือแค่แปะ HTML จากคลิปบอร์ด — แล้วเราจะเอามันขึ้นออนไลน์ภายในไม่กี่วินาที ไม่ต้องตั้งค่า ไม่ต้องปวดหัว
หรือให้ Claude เผยแพร่ให้คุณเลย
ข้ามการคัดลอกไปเลย คัดลอกคำสั่งสำเร็จรูปของเรา วางลงในบทสนทนา Claude ของคุณ แล้วมันจะอัปโหลดไซต์ผ่าน API ของเราได้ — คุณจะได้ลิงก์ใช้งานจริงและลิงก์ claim ส่วนตัวเพื่อรับสิทธิ์เป็นเจ้าของ
ทำงานในเทอร์มินัลแทนอยู่ใช่ไหม? รัน npx harvis — ไม่ต้องมีบัญชี
คำถามเกี่ยวกับการเผยแพร่จาก Claude
Claude gives me a share link for Artifacts — isn't that enough?
A published Artifact link opens inside claude.ai with Claude branding around it, and viewers may be asked to sign in. Publishing here gives you a plain website on its own address that anyone can open in any browser — no account, no chrome around your page.
What if I'm using Claude Code in the terminal?
Then your files are already on disk — even easier. Run npx harvis inside the project folder and it deploys everything, or paste our AI instructions into Claude Code and it will publish the site for you through our API.
วิธีที่ง่ายที่สุดในการเผยแพร่ HTML จาก Claude คืออะไร?
มีสามวิธี ง่ายที่สุด: คัดลอก HTML จาก Claude แล้ววางลงในกล่องบนหน้านี้ — เราจะเปลี่ยนมันเป็นไซต์ใช้งานจริงทันที ไม่ต้องลงมือเอง: คัดลอกคำสั่ง AI ของเราลงในบทสนทนา Claude ของคุณ แล้วมันจะเผยแพร่ผ่าน API ของเราให้คุณ ในเทอร์มินัล: รัน npx harvis ในโฟลเดอร์ของไซต์ แล้วมันจะดีพลอยด้วยคำสั่งเดียว
ฉันต้องมีบัญชีเพื่อเผยแพร่ไหม?
การเผยแพร่จากหน้านี้ต้องมีบัญชีฟรี เพื่อให้ไซต์ของคุณมีที่อยู่ในแดชบอร์ด ไม่อยากสมัครสมาชิก? รัน npx harvis ในเทอร์มินัล — ดีพลอยได้โดยไม่ต้องมีบัญชีและให้ลิงก์ claim ส่วนตัวไว้ใช้ภายหลัง
ถ้า Claude ให้ไฟล์มามากกว่าหนึ่งไฟล์ล่ะ?
ใส่ทุกอย่างในโฟลเดอร์เดียว — index.html อยู่ด้านบนสุด บวกกับไฟล์ CSS, JavaScript และรูปภาพที่มันอ้างอิงถึง — แล้วลากทั้งโฟลเดอร์ลงในกล่อง สูงสุด 500 ไฟล์และ 50 MB ต่อไซต์
มีค่าใช้จ่ายเท่าไร และไซต์จะออนไลน์อยู่นานแค่ไหน?
ฟรี และไซต์ที่เผยแพร่แล้วไม่มีวันหมดอายุ — จะออนไลน์อยู่จนกว่าคุณจะลบมันจากแดชบอร์ดของคุณ อัปโหลดใหม่ได้ทุกเมื่อโดยลิงก์ยังคงเดิม
ใช้ AI chat ตัวอื่นอยู่?
สูตรแทบจะเหมือนกันทุกที่ — เลือกเครื่องมือของคุณเพื่อดูขั้นตอนที่แน่นอน