Cấu hình tên miền tùy chỉnh cho Github Pages

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 tôi 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 tôi sẽ sử dụng tên miền free của FreeNom để demo

Bước 1: Push Repo

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

Bước 2: Bật 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

Bước 3: Trỏ IP

Tại đây bạn truy cập cPanel 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

Bước 4: Nhập tên miền tùy chỉnh

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

Bạn lưu ý nếu lựa chọn Enforce HTTPS tạm thời chưa được tích thì hãy kiên nhẫn đợi một khoảng thời gian để hệ thống update DNS nhé, kiểu gì cũng sẽ tích được :D

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

** Mở rộng

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

- Cuối cùng chỉnh lại domain trong Github Pages

Chúc bạn thành công !