GitHub Pages和每一個項目綁定自定義域名(支持多個和頂級域名)

假設我購買的域名爲www.easonjim.com,想把www.easonjim.com和easonjim.com的域名跳轉到下面的網址easonjim.github.io。git

而我在github上的帳號爲easonjim,而且新建了easonjim.github.io的目錄。es6

那麼在這個目錄上新建一個名爲CNAME的文件,裏面的內容:github

easonjim.com
www.easonjim.com

注意:通過測試,只能是同一個域名下才生效,若是多幾個不一樣後綴的域名,最終只能識別第一個。dom

下一步是設置域名的解析地址,以下設置:測試

只要把@和www解析到github的ip便可。spa

參考:3d

https://help.github.com/articles/troubleshooting-custom-domains/code

 

那麼接下來,對於我單個項目想搞個主頁時,就要設置項目的主頁配置blog

參考:ip

http://chitanda.me/2015/11/03/multiple-git-pages-in-one-github-account/

只要在項目的Settings配置裏設置以下:

注意:因爲github更新太快,隨着時間推移,這些選項可能會不同,但大體不會怎麼變,隨機應變。

點擊右面的【Settings】,頁面往下拉到【GitHub Pages】部分,選擇【Launch automatic page generator】>【Continue to layouts】>【Publish page】便可。

 

 

 

搞定以後,能夠這樣訪問,easonjim.github.io/test,其中test爲當前項目的名稱。

那麼問題來了,上面自動建立的頁面是放在gh-pages branch分支裏面,那麼若是要換成主分支的時,主要在這裏選擇master branch便可:

那麼此時的訪問地址仍是沒改變,依然是easonjim.github.io/test

若是要改變這樣形式,只能綁定本身的域名過去才能實現,假設我將要綁定的域名爲t.easonjim.com,在項目的根目錄下新建CNAME的文件,並寫入:

t.easonjim.com

 

 而後,會發現GitHub Pages的頁面上已經自動顯示上了本身上面設置的域名:

接下來,在去域名解析管理頁面,把t.easonjim.com的域名指向github的IP,以下:

最後,就能夠用t.easonjim.com訪問本身自定義項目上的主頁了。

這個功能能夠參考一下阮一峯的這個項目,靈感來自這裏:https://github.com/ruanyf/es6tutorial

相關文章
相關標籤/搜索