Cách xuất bản HTML từ 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
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 Claude 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 để Claude 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 Claude 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 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.
Cách dễ nhất để xuất bản HTML từ Claude là gì?
Có ba cách. Dễ nhất: sao chép HTML từ Claude 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 Claude 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 Claude đư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.