Đăng website lên internet · Lập trình với Martin

Đại finale: website của bạn có địa chỉ thật để gửi cho bất kỳ ai trên thế giới.

Sắp xảy ra điều gì

Đến giờ website chỉ sống trên máy tính của bạn. Giờ ta tải lên máy chủ – máy tính luôn kết nối internet – và nó sẽ có địa chỉ ai cũng mở được. Chúng ta dùng GitHub Pages: miễn phí, và hàng triệu lập trình viên dùng nó.

⚠️

Làm bước này cùng bố mẹ. Tạo tài khoản GitHub cần email, và theo quy tắc GitHub, tài khoản cho trẻ dưới 13 tuổi phải do bố mẹ tạo và quản lý. Ngoài ra, đây là khoảnh khắc hay để chia sẻ – cho họ xem bạn đã xây gì!

Từng bước

Tạo tài khoản GitHub. Vào github.com và bấm Sign up. Điền email (của bố mẹ), mật khẩu và tên người dùng. Cẩn thận tên người dùng – nó sẽ thành phần địa chỉ website! Kiểu jake-builds hay hơn xxjake123xx.
Tạo repository mới. Repository là ngăn kéo cho một dự án. Bấm nút xanh New (hoặc dấu cộng góc trên phải → New repository). Gõ my-website vào Repository name, giữ Public được chọn, và bấm Create repository.
Tải file website lên. Trên trang repository, bấm liên kết uploading an existing file. Kéo mọi thứ từ thư mục my-website: index.html, các file .html khác, style.css, và cả thư mục images. Bấm nút xanh Commit changes phía dưới.
Bật GitHub Pages. Bấm tab Settings phía trên, rồi Pages ở menu trái. Dưới Branch, chọn main, giữ / (root), và bấm Save.
Đợi một phút, rồi mở địa chỉ. Website giờ sống tại:
```
https://your-username.github.io/my-website/
```
(thay your-username bằng tên GitHub của bạn). Nếu chưa hoạt động ngay, đợi hai phút và làm mới trang.

🎉 Chúc mừng, Kiến trúc sư!

Bạn có website trên internet. Thật sự, với địa chỉ thật. Gửi cho bà, bạn bè, giáo viên. Và nhớ lại bạn bắt đầu từ đâu: file trống và <h1>It works!</h1>.

Những gì bạn học qua 12 bài:

internet, trình duyệt và máy chủ hoạt động thế nào,
HTML: bộ khung trang, tiêu đề, đoạn văn, danh sách, ảnh, liên kết, cấu trúc,
CSS: màu sắc, phông chữ, class, box model, flexbox, thẻ, animation,
và cuối cùng, đưa website lên internet – chuyên gia gọi là deployment.

Cách tiếp tục sửa website

Website chưa bao giờ thật sự xong! Mỗi khi sửa file trên máy tính:

mở repository trên GitHub,
bấm Add file → Upload files,
kéo file đã sửa và bấm Commit changes.

Trong một phút, thay đổi đã live. (Ở Cấp 3, bạn sẽ học cách làm thanh lịch hơn – dùng lệnh từ terminal, như pro thật.)

💡

Tiếp theo? Website đã xây xong, nhưng chưa phản ứng được. Ở Cấp 2 – Phù thủy bạn sẽ dạy nó phép: chế độ tối, thư viện ảnh duyệt được, và quiz cho khách. Chúng ta đang xây – và website của bạn sẽ sẵn sàng hoàn hảo.

Điều cần nhớ từ bài này

GitHub Pages đăng website miễn phí: repository → tải file → Settings → Pages.
Địa chỉ của bạn: https://your-username.github.io/my-website/.
Sửa website = tải lại file đã đổi. Nó sống và lớn cùng bạn.