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

本文涉及的产品
云解析 DNS,旗舰版 1个月
全局流量管理 GTM,标准版 1个月
公共DNS(含HTTPDNS解析),每月1000万次HTTP解析
简介: 本文档介绍了在 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 验证证书安装结果。可以正常访问静态托管站点,并且浏览器地址栏显示绿色的小锁标识说明证书安装成功。

目录
相关文章
|
4月前
如何将静态网页部署到github上
如何将静态网页部署到github上
39 1
|
4月前
|
人工智能 网络安全 开发工具
视觉智能开放平台操作报错合集之服务部署在pdd的服务器,调用报错:The SSL connection could not be established,该如何解决
在使用视觉智能开放平台时,可能会遇到各种错误和问题。虽然具体的错误代码和消息会因平台而异,但以下是一些常见错误类型及其可能的原因和解决策略的概述,包括但不限于:1. 认证错误、2. 请求参数错误、3. 资源超限、4. 图像质量问题、5. 服务不可用、6. 模型不支持的场景、7. 网络连接问题,这有助于快速定位和解决问题。
103 0
|
13天前
|
网络协议 开发工具 git
hexo github部署,通过域名访问你的博客
本文介绍了如何使用Hexo命令部署博客到GitHub,并详细说明了如何通过自定义域名访问GitHub上部署的博客。
hexo github部署,通过域名访问你的博客
|
2月前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
2月前
|
资源调度 搜索推荐 Shell
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
本文介绍了如何使用 Vue3、TypeScript 和 Vite 开发组件库并将其发布到 npm。文章详细描述了安装依赖、配置项目、创建文档网站以及编写组件文档的步骤。通过使用 VitePress,可以轻松搭建组件库的文档站点,并实现 Algolia 搜索功能。此外,还提供了自动化脚本用于部署静态网站至 GitHub 以及发布组件库到 npm。最后,展示了完整的目录结构和网站效果。
使用VitePress静态网站生成器创建组件库文档网站并部署到GitHub
|
26天前
|
安全 应用服务中间件 网络安全
部署SSL证书
部署SSL证书
90 5
|
27天前
|
Shell 网络安全 开发工具
Git,GitHub,Gitee&IDEA集成Git
Git提交项目到GitHub简洁版、版本控制、安装、常用命令、分支、团队协作机制、Github、Gitee远程仓库、IDEA集成Git、IDEA集成Github、IDEA集成Gitee
Git,GitHub,Gitee&IDEA集成Git
|
2月前
|
负载均衡 前端开发 应用服务中间件
使用Nginx配置SSL以及部署前端项目
本文介绍了如何使用Nginx配置SSL证书以启用HTTPS,并展示了如何通过Nginx部署前端项目,包括配置SSL证书、设置代理和负载均衡的示例。
92 2
|
2月前
|
Linux C++ Docker
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
【Azure Developer】在Github Action中使用Azure/functions-container-action@v1配置Function App并成功部署Function Image
|
2月前
|
存储
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法
【Azure Developer】Github Action部署资源(ARM模板)到Azure中国区时,遇见登录问题的解决办法