經過GitHub建立我的博客的好處:無廣告,由於頁面代碼全是你本身寫的;免費,不用買主機;裝X;設計和編碼練習。html
1. 在GitHub上建立一個新的repository,名稱格式爲:GitHub用戶名.github.io。好比個人GitHub用戶名爲openxxs,則建立的repository名爲 openxxs.github.io前端
建立好項目後,將項目clone到本地,添加靜態頁面文件(好比建立一個簡單的index.html文件)後提交便可。此時能夠經過 http://openxxs.github.io 這個域名訪問我的主頁了。git
若是你不擅長寫前端頁面,或者懶得寫,Github貼心地提供了網頁模板。在項目主頁上點擊Settings進入設置頁面,找到Overwrite site,點擊Lauch automatic page generator,而後跟着步驟走便可。程序員
官方參考戳這裏。github
在GoDaddy上購買域名相比萬網的好處是不須要各類審覈,程序員只是寫一寫技術博客又不幹非法的事。瀏覽器
GoDaddy地址:https://dcc.godaddy.com。註冊信息要好好保存,一年到期後續租還須要用到。dom
搜索框中輸入域名查看是否可用。.org的域名第一年須要60¥,而.com的域名只要18.86¥。編碼
Continue to Cart後會顯示一些增值項目。我的建議購買隱私服務,不然郵箱、地址、電話號碼之類的所有都會公開到網上,很容易被垃圾郵件轟炸。設計
不建議購買GoDaddy的虛擬主機服務,價格通常並且很容易被牆。3d
第一年的價格很便宜,但第二年域名到期後還想繼續用價格就升上去了,大部分域名服務商都是如此。
GoDaddy支持支付寶、銀聯卡和VISA等各類卡支付。
域名購買完成後,回到Github項目上,點擊設置Settings,找到Custom domain,填入申請的域名,並保存。
這個操做等同於在你的項目根目錄下建立一個名爲CNAME的文件,文件內容爲你的域名。
而後回到GoDaddy的主頁上(GoDaddy的主頁友好度超爛),點擊我的用戶名,再點擊Manage My Domains進入域名的列表頁面。
在Safari瀏覽器上點擊域名的圖標連接沒法跳轉=_=||,因此點擊右上角的列表圖標切換成列表形式。
而後點擊域名的連接跳轉到設置頁面。通用設置按照默認的便可:
點擊DNS Zone File進行DNS的設置,添加一條Host Record和一條CNAME Record,具體值以下圖所示(爲何這個設置參考Github官方說明戳這裏):
而後等候DNS配置生效(1分鐘左右),就能夠經過www.openxxs.org來訪問我的主頁了~
參考文章戳這裏。