8142. Deploying Personal Website with Custom DomainCustom 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/jojozhuang/jojozhuang.github.io.
2. Register domain from Godaddy
Visit https://www.godaddy.com, register account and search domains. Add the domain you’re interested into shopping cart, and prepare to pay for it. After you finish the payment, congratulations, you own the domain!
3. Setup DNS
Now, it’s time to setup DNS for your new domain. Add A
record to point the new domain(eg. jojozhuang.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. jojozhuang.github.io) to the existing github page domain(eg. jojozhuang.github.io).
4. Enable Custom Domain and SSL on GitHub
Go to the github repository. In Settings, input the custom domain and check ‘Enforce HTTPS’.
The settings on GitHub and GoDaddy will be activated after a while. Visit the website with new domain jojozhuang.github.io. Notice that the url always starts with https
.
Portfolio page.