Skip to main content
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Production

Built with JEKYLL_ENV=production. Changes require deployment.

Quick Links
Theme & Build
Jekyll v3.10.0
Last Build Aug 11, 02:46
Page Location
Page Info
Layout default
Collection docs
Path _docs/jekyll/deploying-personal-website-with-custom-domain.md
URL /docs/deploying-personal-website-with-custom-domain/
Date 2019-06-21

Deploying Personal Website with Custom Domain

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