+13

Host một static site đơn giản với github page

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

Đăng nhập để bình luận
Avatar
@vqdat169
thg 9 11, 2019 5:25 SA

Chỗ IP , lấy đâu ra 2 chuổi IP mà nhập vào thế bạn ?

Avatar
@nguyen.quang.linh
thg 9 11, 2019 5:33 SA
Avatar
@vqdat169
thg 9 11, 2019 5:53 SA

ah hiểu rồi. IP của Github. Bài viết khá hay mà sao ko thấy ai like nhở 😄

Avatar
@hao3004
thg 9 11, 2019 6:48 SA

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 🤣🤣

Avatar
@huunaishe
thg 9 11, 2019 7:11 CH

Để 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ẹ.

Avatar
@nguyen.quang.linh
thg 9 12, 2019 2:30 SA

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 ý 😋

Avatar
+13
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí