Cách đăng trang HTML tạo bằng ChatGPT hoặc Claude

Bạn nhờ ChatGPT, Claude hoặc Gemini tạo một trang web và nhận lại cả một khối HTML trông rất đẹp trong phần xem trước. Câu hỏi tiếp theo lúc nào cũng giống nhau: làm sao đưa nó lên mạng để người khác xem được? Đây là con đường ngắn nhất.

Bước 1: Yêu cầu AI gói tất cả vào một file duy nhất

Trước khi sao chép bất cứ thứ gì, hãy yêu cầu AI đưa mọi thứ vào một file: "Cho tôi một file HTML duy nhất với toàn bộ CSS và JavaScript viết inline." Một file index.html tự chứa dễ host, dễ chia sẻ và dễ cập nhật hơn hẳn một thư mục gồm nhiều file rời.

Bước 2: Sao chép code — thậm chí không cần lưu thành file

Trên hdply, tạo tài khoản miễn phí, mở trình soạn thảo, và dán thẳng HTML của AI vào. Nhấn deploy là trang lên sóng trên địa chỉ riêng của bạn kiểu my-site.hdply.com, có sẵn HTTPS. Nếu bạn đã lưu code thành file, kéo-thả cũng được.

Tổng thời gian từ lúc "AI viết xong" đến "bạn bè mở được link": khoảng một phút.

Bước 3: Chỉnh sửa cùng AI, deploy lại trong vài giây

Sức mạnh thực sự của trang do AI viết nằm ở việc lặp lại: yêu cầu thay đổi, nhận code mới, dán vào, lưu. Mỗi lần deploy đều được lưu phiên bản tự động, nên nếu phiên bản 5 làm hỏng thứ gì đó, bạn có thể khôi phục phiên bản 4 chỉ với một cú nhấp. Không Git, không pipeline build — vòng lặp chỉ là chat → dán → lưu.

Ba điều cần kiểm tra trước khi đăng

• Không để lộ khóa bí mật trong code. Nếu AI đã thêm một API key (cho widget thời tiết, bản đồ, hay lời gọi LLM), hãy nhớ rằng trang này là công khai — ai cũng đọc được mã nguồn. Chỉ dùng các khóa vốn được thiết kế để công khai, hoặc bỏ tính năng đó đi.
• Hình ảnh cần URL thật. AI đôi khi tham chiếu đến những hình ảnh không tồn tại. Hãy dùng link đến hình ảnh thật đã được host — hoặc yêu cầu AI dùng SVG inline, hoàn toàn không cần file bên ngoài.
• Kiểm tra trên điện thoại. Dán và deploy xong, hãy mở URL trên điện thoại của bạn. Nhờ AI sửa bất cứ chỗ nào trông chưa ổn; deploy lại chỉ mất vài giây.

Sao không chia sẻ link cuộc chat hay ảnh chụp màn hình cho xong?

Link chat sẽ hết hạn, đòi hỏi tài khoản, và để lộ các câu lệnh của bạn. Ảnh chụp màn hình thì không tương tác được. Một URL thật thì tồn tại lâu dài, mở được trên mọi thiết bị, và trông như một sản phẩm hoàn chỉnh — vì nó đúng là như vậy.

Bài liên quan: Chia sẻ file HTML dưới dạng link · Cách đưa file HTML lên mạng