Host một static site đơn giản với github page
Bài đăng này đã không được cập nhật trong 5 năm
Chuẩn bị
- Tên miền (có thể đăng kí trên goDaddy, namecheap, freenom hoặc bất cứ nhà cung cấp tên miền nào)
- Tài khoản github
- Một HTML template hoặc HTML game có cấu trúc đơn giản
Đẩy folder code lên github
Trước hết chúng ta cần push code lên public repo github của mình.
Public trên internet
Vào mục setting, kéo xuống phần Github Pages và chọn nhánh master.
Bây giờ site của chúng ta đã được public và có thể truy cập từ bất kì đâu thông qua địa chỉ: https://asunaxran.github.io/vongquaymayman/.
Trong đó, "asunaxran" là username github, và "vongquaymayman" là tên repo.
Tùy chỉnh tên miền
Với địa chỉ url như vậy thường không được đẹp và khó nhớ. Đây là lúc chúng ta muốn tùy chỉnh bằng cách sử dụng tên miền riêng của mình. Bạn có thể đăng ký một tên miền miễn phí qua website freenom.com
Sau khi sở hữu tên miền từ nhà cung cấp dịch vụ (DNS provider) chúng ta cần phải cấu hình lại. Đăng ký tên miền tại đâu thì quản lý, chỉnh sửa tại đấy.
Tạo A record trỏ tên miền đã đăng ký đến các địa chỉ IP sau:
185.199.108.153
185.199.109.153
Tùy vào giao diện trang quản trị của nhà cung cấp mà các bạn tự chỉnh. Ở đây mình ví dụ vài trang.
Freenom.com
Ở freenom thì khá đơn giản. Chúng ta chỉ cần chọn tab DNS và nhập vào lần lượt 2 địa chỉ IP ở trên.
godaddy.com
Chúng ta vào phần quản lý DNS và thêm vào 2 bản ghi tương ứng với địa chỉ IP github đã đề cập.
inet.vn
Vào phần quản lý tên miền và chọn Cập nhật bản ghi. Sau đó cập nhật giá trị bản ghi A với địa chỉ IP github
Cuối cùng chúng ta quay lại phần setting của repo, xuống phần custom domain và nhập vào tên miền đã được cấu hình.
Thành quả
All rights reserved
Bình luận
Chỗ IP , lấy đâu ra 2 chuổi IP mà nhập vào thế bạn ?
Lấy từ docs của github đó bác
https://help.github.com/en/articles/setting-up-an-apex-domain
ah hiểu rồi. IP của Github. Bài viết khá hay mà sao ko thấy ai like nhở
Bài viết rất hay, cảm ơn tác giả 😀😀 h em mới biết cái tùy chỉnh tên miền 🤣🤣
Để cài đặt SSL certificate cho github page thì chỉ duy nhất có 1 cách đó là dùng Cloudflare. Bật luôn chức năng đám mây vàng. Mà muốn viết blog với github page thì dùng Jekyll themes. Căn bản github pages khá dễ tùy chỉnh, web load rất nhanh và nhẹ.
Thì bài viết chỉ cung cấp một cách đơn giản để thực hiện cái mục đích mình đề cập ở trên thôi mà. Cảm ơn bạn đã góp ý