GitHub/Gitee 静态页托管页部署SSL证书

简介: 本文档介绍了在 Github/Gitee 的静态页托管Pages服务部署SSL证书,配置HTTPS安全访问的操作说明。

本文档介绍了在 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
    image.png

证书签发

  1. 购买证书后点击申请

image.png

  1. 证书申请

    如果该域名是由阿里云购买,则选择自动DNS验证,如果不是在阿里云购买的,可以选择手动验证。
    

image.png

image.png

  1. 证书签发

    证书通过申请后,会收到证书签发的邮件。
    

image.png

设置自定义域名

  1. 解析域名

    在证书签发成功后,添加DNS解析,将绑定了SSL证书的域名解析到 `YourRepo.github.io` 。
    

image.png

  1. 配置域名

    解析之后将域名添加到 `Custom domain` 并且点击 `Save` ,Github会自动验证,出现`Your site is published at https://YourDomainName.com/`则证明解析成功。
    

    image.png

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/)为例:
    

image.png

解析成功之后,返回阿里云SSL证书管理页面点击`验证`.
  1. 证书签发

    签发成功后会收到签发成功的邮件。
    

设置自定义域名

  1. 解析域名

    进入域名所在网站,添加DNS解析记录,将绑定了SSL证书的域名解析到`gitee.gitee.io`
    

image.png

  1. 配置域名

① 域名添加到自定义域名

image.png

② 配置证书,证书下载,选择 nginx 类型。
image.png

③gitee pages 配置证书,将证书文件与私钥文件贴入并提交。

image.png

④勾选强制使用HTTPS,并保存。

验证

在Github/Gitee配置成功之后,您可在浏览器中输入 https://www.YourDomainName.com 验证证书安装结果。可以正常访问静态托管站点,并且浏览器地址栏显示绿色的小锁标识说明证书安装成功。

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
2月前
|
程序员 SEO
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
76 2
手把手教你搭建属于自己的网站(获取被动收入),无需服务器,使用github托管
|
28天前
GitHub和Gitee的基本使用和在IDEA中的集成
GitHub和Gitee的基本使用和在IDEA中的集成
24 0
|
6月前
|
存储 安全 网络协议
阿里云SSL数字证书原理、使用、申请流程及部署方式
本文带您了解阿里云数字证书的基本原理、使用、申请流程及部署方式
|
9月前
|
程序员 网络安全 开发工具
git介绍,安装(手把手),命令与使用(包含IDEA操作,github,gitee的万字图文详述)(三)
git介绍,安装(手把手),命令与使用(包含IDEA操作,github,gitee的万字图文详述)
157 0
git介绍,安装(手把手),命令与使用(包含IDEA操作,github,gitee的万字图文详述)(三)
|
2月前
|
安全 Shell 网络安全
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
Git学习---Git快速入门、Git基础使用、Git进阶使用、Git服务器使用(IDEA集成GitHub、Gitee、GitLab)、GitHub Desktop客户端
130 0
|
2月前
|
网络安全
github或gitee配置ssh
github或gitee配置ssh
21 0
|
3月前
|
存储
github pages 部署单页面
github pages 部署单页面
51 0
|
3月前
|
JavaScript Ubuntu 网络安全
使用github actions,将私有仓库的构建文件发布到另一个公开仓库,并同步到gitee
使用github actions,将私有仓库的构建文件发布到另一个公开仓库,并同步到gitee
85 0
|
8月前
|
开发工具 git
搭建多个远程仓库,将代码同时提交Github、Gitee
搭建多个远程仓库,将代码同时提交Github、Gitee
|
4月前
|
数据可视化 开发工具 git
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
Git【实践 01】使用Git工具托管本地代码到GitHub简单易懂的图文教程(含Git+第三方工具TortoiseGit+中文语言包百度云盘资源)
49 0