在域名端將DNS指向username.github.io

首先我們操作github端，?
第一步：進(jìn)入我們剛剛新建的倉(cāng)庫(kù)，點(diǎn)擊setting進(jìn)入設(shè)置界面?

第二步：進(jìn)入設(shè)置界面后找到github pages欄?

第三步：將custom domain設(shè)置為自己的域名如zhangsan.com點(diǎn)擊保存

至此我們github端的設(shè)置就完成了，另外，上圖中的Theme chooser欄可以選擇網(wǎng)站的模板，不會(huì)寫(xiě)網(wǎng)站同學(xué)有福了！

完成后我們回到倉(cāng)庫(kù)，發(fā)現(xiàn)里面多了一個(gè)叫CNAME的文件，?

文件的內(nèi)容就是我們剛才綁定的域名 zhangsan.com ，其實(shí)我們也可以完全不經(jīng)過(guò)以上三步，直接在倉(cāng)庫(kù)里新建一個(gè)名為CNAME（注意沒(méi)有后綴）的文件，將我們的域名寫(xiě)在里面就行了，效果是一樣的。

github端的工作完成后，只是訪問(wèn)username.github.io時(shí)會(huì)重定向到zhangsan.com，但目前我們的zhangsan.com還是沒(méi)有內(nèi)容的，因此我們需要在域名端將zhangsan.com通過(guò)dns解析到user.github.io，也就是我們?cè)趃ithub上的空間中來(lái)。

以阿里云為例：?
第一步：進(jìn)入域名解析設(shè)置界面?

第二步：?添加解析?

由于我們這里是將域名解析到另外一個(gè)域名，因此記錄類型欄我們選擇CNAME（別名解析），主機(jī)記錄欄由于我們用的是二級(jí)域名zhangsan.com 因此選擇@（空，如果出現(xiàn)錯(cuò)誤提示，刪掉其他這一欄為@的解析記錄即可），如果我們要用三級(jí)域名www.zhangsan.com就填寫(xiě)www，依此類推。記錄值欄填寫(xiě)我們要解析到的域名，這里寫(xiě)上username.github.io就可以了。點(diǎn)擊保存，等個(gè)幾分鐘DNS就會(huì)生效了。

至此我們的域名和github主頁(yè)的雙向綁定就完成了，只需要在瀏覽器中訪問(wèn)zhangsan.com就可以看到我們?cè)趃ithub上放置的個(gè)人主頁(yè)了。

另外我們還可以再新建一條解析記錄，將主機(jī)記錄欄選為www其余欄與上面一樣，這樣zhangsan.com和www.zhangsan.com都會(huì)解析到username.github.io 。由于github自帶的重定向功能，當(dāng)username綁定為zhangsan.com時(shí)，來(lái)自www.zhangsan.com的解析也會(huì)被重定向到zhangsan.com上，?
?
這樣我們?cè)跒g覽器地址欄輸入這兩個(gè)網(wǎng)址時(shí)都會(huì)進(jìn)入zhangsan.com。當(dāng)然我們也可以在github端綁定www.zhangsan.com，這樣就和百度一樣不論輸不輸入www都會(huì)進(jìn)入www.baidu.com一樣了，是不是很酷！