A quick update about new functions of this website. Two slight changes I have made: relocate the website to a customized domain, and enable the commenting function.
In case you want to know how this website was intially built, I wrote a guide. It’s a simple guide that contains other well-written tutorials and some caveats I’ve encounterd.
Again, I found myself struggling with the terms for a while. Here I provide the basic definitions for the terms not only used in this guide, but probably popping up in other tutorials. These definitions are mostly from the guide provided by netlify.
domain name (or domain for short): full name used to access a site. For example,
custom domain: in this case, a non-netlify assigned domain. Simply speaking, a “website link” that does not have
netlify.comas suffix. For example,
domain registrar: company that lets you buy and register a domain name. I used GoDaddy without any specific reason.
DNS (Domain Name System): a system that translates domain names (basically in English and human readable) to IP addresses (numbers and computer readable).
DNS servers (or nameserver): a server where DNS is implemented.
DNS provider: company that maintains the DNS servers.
hostnames: nameservers that are provided by netlify.
HTTPS (Hypertext Transfer Protocol Secure): here is the definition from Google “an internet communication protocol that protects the integrity and confidentiality of data between the user’s computer and the site”. My understanding is … use it to protect yourself and the website!
Now you are ready to set up a custom domain
To be noted, you don’t need to edit any source code to change a custom domain.
First, buy a domain you like. I use GoDaddy without any specific reason. Since this domain is for personal website, I chose a domain name
changyuchang.nameand luckily (this name is not common haha) nobody has registered for it. You can buy the plan whatever the period you want to maintain this domain.
Second, go to netlify, the website deployment we used. Go to domain setting and add custom domain. Paste the domain, in my case,
Now netlify asked you to configure the DNS provider. One way netlify provided is to point your domain’s nameservers at netlify. What does that mean? Netlify gave me four custom hostnames, something like
dns1.p05.nsone.net, assigned to my DNS zone. Go back to GoDaddy, and edit the DNS of your domain. You will find a section called Nameservers where you can add custom nameservers. Simply paste the four hostnames to this section.
This process may take hours. I waited until the next day I modified these settings.
Last, encrypt the website by HTTPS. This only requires a simple click on the following section in netlify.
Woohoo! Now you have a website domain which is not under netlify domain.