วิธีเผยแพร่ HTML จาก Grok chat
Whether you use Grok on X or at grok.com, it will write you a full website and Grok Studio will preview it side-by-side with the code. But xAI doesn't host your page — the preview disappears when the chat does. Here's how to give it a permanent address for free.
- 01
Open the code view
In Grok Studio your page shows as a live preview — switch to the code tab to see the HTML. In a plain chat answer it's in a code block.
- 02
Copy the HTML
Use the copy button on the code view or code block. If Grok wrote separate CSS or JS files, copy those too, or ask it to inline everything into one file.
- 03
บันทึกเป็น index.html
วางโค้ดลงในโปรแกรมแก้ไขข้อความไหนก็ได้ — Notepad, TextEdit, VS Code — แล้วบันทึกไฟล์เป็น index.html ชื่อนี้สำคัญ: เบราว์เซอร์จะถือว่านี่คือหน้าแรกของคุณ
- 04
วางลงในกล่องด้านล่าง
ลาก index.html (หรือทั้งโฟลเดอร์) ลงในกล่องอัปโหลดบนหน้านี้แล้วกด publish ไซต์ของคุณจะได้ที่อยู่เว็บของตัวเองทันที
- 05
แชร์ลิงก์ของคุณ
แค่นี้เลย — ส่ง URL ให้ใครก็ได้ คุณเปลี่ยนชื่อไซต์ อัปเดตไฟล์ หรือลบมันจากแดชบอร์ดของคุณได้ทุกเมื่อที่ต้องการ
วาง HTML จาก Grok ของคุณที่นี่
ไฟล์เดียวหรือทั้งโฟลเดอร์ — คุณจะได้ลิงก์ใช้งานจริงทันทีที่เผยแพร่เสร็จ
ลากเว็บไซต์ของคุณมาที่นี่
วางโฟลเดอร์หรือไฟล์ ZIP ที่มี index.html ของคุณ — หรือแค่แปะ HTML จากคลิปบอร์ด — แล้วเราจะเอามันขึ้นออนไลน์ภายในไม่กี่วินาที ไม่ต้องตั้งค่า ไม่ต้องปวดหัว
หรือให้ Grok เผยแพร่ให้คุณเลย
ข้ามการคัดลอกไปเลย คัดลอกคำสั่งสำเร็จรูปของเรา วางลงในบทสนทนา Grok ของคุณ แล้วมันจะอัปโหลดไซต์ผ่าน API ของเราได้ — คุณจะได้ลิงก์ใช้งานจริงและลิงก์ claim ส่วนตัวเพื่อรับสิทธิ์เป็นเจ้าของ
ทำงานในเทอร์มินัลแทนอยู่ใช่ไหม? รัน npx harvis — ไม่ต้องมีบัญชี
คำถามเกี่ยวกับการเผยแพร่จาก Grok
Can I share my Grok Studio preview directly?
No — the Studio preview only renders inside your own Grok session. There's no public link to hand out. Publishing the code here creates a real URL anyone can open.
I used Grok inside X. Is it any different?
The steps are the same: find the code block in the conversation, copy it, save it as index.html, and drop it in the box below. Where you chatted doesn't matter — only the HTML does.
วิธีที่ง่ายที่สุดในการเผยแพร่ HTML จาก Grok คืออะไร?
มีสามวิธี ง่ายที่สุด: คัดลอก HTML จาก Grok แล้ววางลงในกล่องบนหน้านี้ — เราจะเปลี่ยนมันเป็นไซต์ใช้งานจริงทันที ไม่ต้องลงมือเอง: คัดลอกคำสั่ง AI ของเราลงในบทสนทนา Grok ของคุณ แล้วมันจะเผยแพร่ผ่าน API ของเราให้คุณ ในเทอร์มินัล: รัน npx harvis ในโฟลเดอร์ของไซต์ แล้วมันจะดีพลอยด้วยคำสั่งเดียว
ฉันต้องมีบัญชีเพื่อเผยแพร่ไหม?
การเผยแพร่จากหน้านี้ต้องมีบัญชีฟรี เพื่อให้ไซต์ของคุณมีที่อยู่ในแดชบอร์ด ไม่อยากสมัครสมาชิก? รัน npx harvis ในเทอร์มินัล — ดีพลอยได้โดยไม่ต้องมีบัญชีและให้ลิงก์ claim ส่วนตัวไว้ใช้ภายหลัง
ถ้า Grok ให้ไฟล์มามากกว่าหนึ่งไฟล์ล่ะ?
ใส่ทุกอย่างในโฟลเดอร์เดียว — index.html อยู่ด้านบนสุด บวกกับไฟล์ CSS, JavaScript และรูปภาพที่มันอ้างอิงถึง — แล้วลากทั้งโฟลเดอร์ลงในกล่อง สูงสุด 500 ไฟล์และ 50 MB ต่อไซต์
มีค่าใช้จ่ายเท่าไร และไซต์จะออนไลน์อยู่นานแค่ไหน?
ฟรี และไซต์ที่เผยแพร่แล้วไม่มีวันหมดอายุ — จะออนไลน์อยู่จนกว่าคุณจะลบมันจากแดชบอร์ดของคุณ อัปโหลดใหม่ได้ทุกเมื่อโดยลิงก์ยังคงเดิม
ใช้ AI chat ตัวอื่นอยู่?
สูตรแทบจะเหมือนกันทุกที่ — เลือกเครื่องมือของคุณเพื่อดูขั้นตอนที่แน่นอน