天天看點

GitHub/Gitee 靜态頁托管頁部署SSL證書

本文檔介紹了在 Github / Gitee 的靜态頁托管Pages服務部署SSL證書,配置HTTPS安全通路的操作說明。

Pages服務

Github/Gitee的Pages是一個免費的靜态網頁托管服務,您可以使用Github或碼雲Pages托管部落格、項目官網等靜态網頁。常見的靜态站點生成器有:Hugo、Jekyll、Hexo等,可以用來生成靜态站點。預設情況下,托管的站點使用

github.io

gitee.io

域名來通路站點,同時也支援自定義域名,并配置強制使用HTTPS。

注意:如果要在 Gitee Pages 上配置自定義域名+HTTPS,則需要開啟 Gitee Pages Pro 。

Github Pages 服務部署SSL證書

前提條件

  • GitHub 倉庫
  • 開啟 GitHub Pages
    GitHub/Gitee 靜态頁托管頁部署SSL證書

證書簽發

  1. 購買證書後點選申請
GitHub/Gitee 靜态頁托管頁部署SSL證書
  1. 證書申請
    如果該域名是由阿裡雲購買,則選擇自動DNS驗證,如果不是在阿裡雲購買的,可以選擇手動驗證。
               
GitHub/Gitee 靜态頁托管頁部署SSL證書
GitHub/Gitee 靜态頁托管頁部署SSL證書
  1. 證書通過申請後,會收到證書簽發的郵件。
               
GitHub/Gitee 靜态頁托管頁部署SSL證書

設定自定義域名

  1. 解析域名
    在證書簽發成功後,添加DNS解析,将綁定了SSL證書的域名解析到 `YourRepo.github.io` 。
               
GitHub/Gitee 靜态頁托管頁部署SSL證書
  1. 配置域名
    解析之後将域名添加到 `Custom domain` 并且點選 `Save` ,Github會自動驗證,出現`Your site is published at https://YourDomainName.com/`則證明解析成功。
               
    GitHub/Gitee 靜态頁托管頁部署SSL證書

Gitee Pages Pro 服務部署SSL證書

  • Gitee 倉庫
  • 開啟 Gitee Pages Pro
Gitee 需要開啟 Gitee Pages Pro 服務才支援自定義域名+HTTPS。

證書簽發同 Github Pages。這裡介紹非阿裡雲購買的域名,進行證書申請。

  1. 購買證書流程如上
  2. 申請證書
    證書驗證方式選擇`手工DNS驗證`。
               
  3. 拷貝驗證資訊
    拷貝驗證資訊内的`記錄值`。
    
    ![image](https://wx2.sinaimg.cn/bmiddle/ad5fbf65gy1g69eo1wls7j20ya0r0418.jpg)
               
  4. 驗證解析
    進入購買域名所在網站進行DNS解析,這裡以[name.com](https://www.name.com/zh-cn/)為例:
               
GitHub/Gitee 靜态頁托管頁部署SSL證書
解析成功之後,傳回阿裡雲SSL證書管理頁面點選`驗證`.
           
  1. 簽發成功後會收到簽發成功的郵件。
               

  1. 進入域名所在網站,添加DNS解析記錄,将綁定了SSL證書的域名解析到`gitee.gitee.io`
               
GitHub/Gitee 靜态頁托管頁部署SSL證書

① 域名添加到

自定義域名

GitHub/Gitee 靜态頁托管頁部署SSL證書

② 配置證書,證書下載下傳,選擇 nginx 類型。

GitHub/Gitee 靜态頁托管頁部署SSL證書

③gitee pages 配置證書,将證書檔案與私鑰檔案貼入并送出。

GitHub/Gitee 靜态頁托管頁部署SSL證書

④勾選

強制使用HTTPS

,并儲存。

驗證

在Github/Gitee配置成功之後,您可在浏覽器中輸入

https://www.YourDomainName.com

驗證證書安裝結果。可以正常通路靜态托管站點,并且浏覽器位址欄顯示綠色的小鎖辨別說明證書安裝成功。

繼續閱讀