Giới thiệu

Github Pages là một từ khóa không còn xa lạ gì với dân dùng git nữa. Với Github Pages bạn có thể sử dụng làm demo cho project của mình hoặc xa hơn có thể host một web tĩnh/blog cá nhân với chi phí “0 đồng”.

Tuy nhiên bạn đã biết Github Pages có chức năng tùy chỉnh tên miền chưa ? Bạn đã biết trỏ Github Pages về tên miền tùy chỉnh của mình chưa? Nếu chưa biết hãy cùng mình tìm hiểu trong bài viết này

Điều kiện cần: bạn phải có cho mình một tên miền đã đăng ký và truy cập vào được cPanel quản lý DNS. Trong bài này mình sẽ sử dụng tên miền free của FreeNom để demo.

B1: Setup website

Upload file của bạn lên Github, đừng quên đặt file index.html tại thư mục root

B2: Tạo Github pages

Chuyển sang tab Settings, kéo xuống tìm phần Github Pages và chọn nhánh master để bật.

Lúc này bạn đã có thể truy cập Github Pages của mình

B3: Khởi chạy

Ở mục Source, chọn main/root và Save

Lúc này bạn đã có thể truy cập Github Pages của mình

B4: Trỏ IP

Đầu tiên bạn vào Quản lý tên miền của Freenom, chọn Manage Domain

Tiếp theo, mình chọn Manage Freennom DNS

Tại đây bạn truy cập cPanel của Freenom quản lý tên miền đã mua và lần lượt tạo 4 bản ghi A với giá trị như sau

  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153

B5: Nhập tên miền của bạn

Quay trở lại setting của Github Pages và nhập tên miền tùy chỉnh của bạn vào

Ấn Save và đợi khoảng 10-15p để Github nhận và cấu hình DNS

Hiện tại tên miền của bạn là http://domain không có https://

Nếu muốn https:// bạn phải kiên nhẫn đợi một khoảng thời gian nhé (khoảng 30p-1h để github đăng ký certificate cho Let’s Encrypt).

Và cuối cùng là tận hưởng thành quả thôi!

B6: Tạo custom subdomain (không bắt buộc)

Trong trường hợp bạn không muốn sử dụng tên miền chính của mình cho Github Pages thì có thể tạo thêm các subdomain để dễ dàng custom cho từng project. Cách thức thực hiện như sau:

Quay trở lại cPanel và tạo thêm một bản ghi CNAME có name là subdomain bạn muốn tùy chỉnh và value là domain github page của bạn

Trên đây mình đã giới thiệu tới các bạn cách Cấu hình tên miền tùy chỉnh cho Github Pages, với con hàng ngon bổ rẻ này chắc chắn chúng ta có thể làm được nhiều điều hay ho với nó.

Leave a Reply

This site uses cookies to offer you a better browsing experience. By browsing this website, you agree to our use of cookies.