GitHub Pages自定義域名

baldwin發表於2018-02-01

簡介

現在有很多的前端開發者用XXX.github.io作為自己的部落格，然後繫結到自己的域名上面，感覺起來挺不錯。一、不用花錢買伺服器了，二、一套流程下來前端完全可以搞定。部署完成是這樣的 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，不安全。