Deploying Personal Website with Custom Domain

By Amr

Setup personal website with Github page and custom domain.

Estimated reading time: 1 minutes

Edit on Github

Setup personal website with Github page and custom domain.

1. Setup website in github page

Refer this post Creating and Hosting a Personal Site on GitHub to create a repository on github and publish it to GitHub Pages.

For demo purpose, I will use the repository of my personal website, see https://github.com/bamr87/bamr87.github.io.

2. Register domain from Godaddy

Visit https://www.godaddy.com, register account and search domains. image Add the domain you’re interested into shopping cart, and prepare to pay for it. image After you finish the payment, congratulations, you own the domain! image

3. Setup DNS

Now, it’s time to setup DNS for your new domain. Add A record to point the new domain(eg. bamr87.github.io) to a specific IP. The below four IP addresses are for GitHub Pages.

  • 185.199.108.153
  • 185.199.109.153
  • 185.199.110.153
  • 185.199.111.153

In addition, add CNAME record to point the new domain(eg. bamr87.github.io) to the existing github page domain(eg. bamr87.github.io). image

4. Enable Custom Domain and SSL on GitHub

Go to the github repository. In Settings, input the custom domain and check ‘Enforce HTTPS’. image

The settings on GitHub and GoDaddy will be activated after a while. Visit the website with new domain bamr87.github.io. Notice that the url always starts with https. image Portfolio page. image

5. Reference