Cách xuất bản HTML từ 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
Lưu thành index.html
Dán code vào bất kỳ trình soạn thảo văn bản nào — Notepad, TextEdit, VS Code — và lưu tệp với tên index.html. Tên này rất quan trọng: đó là điều mà trình duyệt coi là trang chủ của bạn.
- 04
Thả vào ô bên dưới
Kéo index.html (hoặc cả thư mục) vào ô tải lên trên trang này và nhấn xuất bản. Trang web của bạn sẽ có địa chỉ web riêng ngay lập tức.
- 05
Chia sẻ liên kết của bạn
Vậy là xong — gửi URL cho bất kỳ ai. Bạn có thể đổi tên trang web, cập nhật tệp, hoặc xóa nó từ bảng điều khiển bất cứ khi nào bạn muốn.
Thả HTML Grok của bạn vào đây
Một tệp hoặc cả một thư mục — bạn sẽ nhận được một liên kết trực tiếp ngay khi nó được xuất bản.
Kéo website của bạn vào đây
Thả một thư mục hoặc tệp ZIP chứa index.html của bạn — hoặc chỉ cần dán HTML từ clipboard — và chúng tôi sẽ đưa nó lên mạng trong vài giây. Không cần thiết lập, không cấu hình, không đau đầu.
Hoặc để Grok xuất bản giúp bạn
Bỏ qua hoàn toàn việc sao chép. Sao chép hướng dẫn có sẵn của chúng tôi, dán vào cuộc trò chuyện Grok của bạn, và nó có thể tải trang web lên qua API của chúng tôi — bạn nhận lại một liên kết trực tiếp và một liên kết claim riêng tư để nhận quyền sở hữu.
Đang làm việc trong terminal thay vì vậy? Chạy npx harvis — không cần tài khoản.
Câu hỏi về xuất bản 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.
Cách dễ nhất để xuất bản HTML từ Grok là gì?
Có ba cách. Dễ nhất: sao chép HTML từ Grok và dán vào ô trên trang này — chúng tôi biến nó thành một trang trực tiếp ngay lập tức. Không cần thao tác tay: sao chép hướng dẫn AI của chúng tôi vào cuộc trò chuyện Grok của bạn và nó sẽ xuất bản qua API của chúng tôi giúp bạn. Trong terminal: chạy npx harvis trong thư mục của trang web và nó triển khai chỉ với một lệnh.
Tôi có cần tài khoản để xuất bản không?
Xuất bản từ trang này cần một tài khoản miễn phí, để trang web của bạn có một nơi trong bảng điều khiển. Muốn không đăng ký? Chạy npx harvis trong terminal — nó triển khai mà không cần tài khoản và cho bạn một liên kết claim riêng tư để dùng sau.
Nếu Grok đưa cho tôi nhiều hơn một tệp thì sao?
Đặt mọi thứ vào một thư mục — index.html ở trên cùng, cùng với mọi CSS, JavaScript và hình ảnh mà nó tham chiếu tới — rồi kéo cả thư mục vào ô. Tối đa 500 tệp và 50 MB mỗi trang web.
Chi phí bao nhiêu, và trang web tồn tại trong bao lâu?
Miễn phí, và các trang web đã xuất bản không hết hạn — chúng luôn trực tuyến cho đến khi bạn xóa chúng khỏi bảng điều khiển. Tải lại bất cứ lúc nào và liên kết vẫn giữ nguyên.
Đang dùng một AI chat khác?
Công thức gần như giống nhau ở mọi nơi — chọn công cụ của bạn để xem các bước chính xác.