GitHub Pages自定義域名

簡介

如今有不少的前端開發者用XXX.github.io做爲本身的博客，而後綁定到本身的域名上面，感受起來挺不錯。1、不用花錢買服務器了，2、一套流程下來前端徹底能夠搞定。部署完成是這樣的 niceboybao.github.io niceboybao.com 有創意的小夥伴還能夠用如今流行的三大框架(angular,react,或者vue)構建本身的博客工程呢，這一塊我也在着手開始，在工做的業餘時間，讓本身變得更充實！對沒錯，生活不止眼前的苟且 還有詩和遠方。下面開始正式環節，以niceboybao爲例！

主要參考資料

Using a custom domain with GitHub Pages

用阿里雲免費ssl證書把網站從http變成https

配置 niceboybao.github.io

建立repository

首先須要在GitHub上面建立一個repository，而且命名爲niceboybao.github.io。

添加CNAME文件

小夥伴能夠把repository克隆下來，在repository下建立一個CNAME文件,文件名大寫且沒有後綴，以下圖。文件裏面添加須要綁定的域名，注意沒有www和https前綴。

settings

而後到repository的設置頁面設置將本身的倉庫發佈到網站上面，而且添加上域名 如圖：

域名解析

如今挺流行的阿里雲，我這邊用阿里雲舉例，首先要找到本身購買的域名（控制檯->域名與網站(萬網)->域名->解析）而後配置下面2步

第一步，@符號的是指定你的域名xxx.com映射到xxx.github.io，第二布，www那一條是指定你的主域名www.xxx.com映射到xxx.github.io。這邊看別人配置的時候都說必定不要忘記 xxx.github.io.後面的 .，但是好像加上去了沒效果，不知道有沒有小夥伴遇到過呢！

配置完了勾選點擊啓動就ok啦！要全球解析生效，好像得等上一會了。後面就開始大家的表演吧，用本身熟悉的框架開發一個屬於本身的blogs吧！niceboybao.com

另外，在GitHub上面的倉庫只要在settings裏面把他們發佈到網站上面，就能夠用niceboybao.com/xxx（xxx表示倉庫名）訪問到如：valentines_day。

用阿里雲免費ssl證書把網站從http變成https

HTTP 協議是不加密傳輸數據的，也就是用戶跟你的網站之間傳遞數據有可能在途中被截獲，破解傳遞的真實內容，因此使用不加密的 HTTP 的網站是不太安全的。因此， Google 的 Chrome 瀏覽器將在 2017 年 1 月開始，標記使用不加密的 HTTP 協議的網站爲 Not Secure，不安全。

登陸阿里雲後臺，找到，產品與服務-》找到證書服務，購買證書

找到免費型的DV SSL

購買後在訂單頁面點擊補全，輸入你的域名，如xxx.com，最後提交審覈。當證書是已簽發狀態時，就可下載。