Github

三步驟!讓 Github Pages 自訂網域也有 HTTPS

這篇文章是基於 Custom domains on GitHub Pages gain support for HTTPS 的中譯版本,現在不用像以前還得用 CloudFlare 去轉成 HTTPS 了,此時此刻 Github Pages 就能夠直接原生支援 HTTPS,簡單幾個設定就可以完成囉!

A. 你有自己的網址嗎?

使用 github.io 網址

目前 github.io 本身都支援 HTTPS 囉!但如果你是在 2016 年前使用 github.io ,就不會自動開啟「強制轉 HTTPS」的功能,你可以跳到 章節:啟用強制HTTPS 教你如何開啟這項功能。

使用自訂網址

如果是使用自己購買的網域,只需要到你的網址營運商後台加入這些 DNS Records,就能讓 HTTPS 正確運作。如果原本已經有綁定過,請記得確認是不是使用新的 IP 位址!

1
2
3
4
A 185.199.108.153
A 185.199.109.153
A 185.199.110.153
A 185.199.111.153

請記得,設定完成後需等待 24 小時才能正常對應。

B. 將網址綁定到專案上

接下來就可以將網址綁定到專案上了,作法很簡單:

對於第一次設定

點擊專案中的 Settings 選項,並拉到最下方的 Github Pages 區塊,將網址輸入到 Custom domain,最後等待 Github 將你的網址綁定完成。(用 CNAME 方式也可以)

之前就設定過

曾經設定過的人就不太一樣,你可能是用 CNAME 的方式、或是從後台設定。總之都必須 到後台先將自訂網址刪除,再重新設定一次。這樣子 Enforce HTTPS 才有辦法勾選。

當綁定完成後,應該就可以使用新的網址連到網站了,但會發現剛開始設定完成時,連進去網站都會出現「不安全連線」的警告訊息。請不要緊張,稍等幾分鐘後就會正常了!

C. 啟用強制 HTTPS

當你確認好 HTTPS 都可以正常運行了,也不會有證書錯誤的警告視窗了,你就可以按下下方的 Enforce HTTPS ,強制將未來連線全部導成 HTTPS 。

將將,完成囉!
你現在所連到 hellopolarbear.com 就是用這種方式達成 HTTPS 連線的!

講個原理🐈

Github Pages 其實就是幫你在 Let’s Encrypt 申請 SSL 證書、且設定到網址上。在整個設定過程中,只需要設定新的 A-Record 、與綁定到專案就可以,超省事!