GitHub/Gitee 静态页托管页部署SSL证书-阿里云开发者社区

开发者社区> 阿里云MVP> 正文

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 验证证书安装结果。可以正常访问静态托管站点,并且浏览器地址栏显示绿色的小锁标识说明证书安装成功。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
+ 订阅

阿里云最有价值专家,是专注于帮助他人充分了解和使用阿里云技术的意见领袖。

官方博客
官网链接
精彩专题