褪尘矗心

腾讯云 Serverless 部署静态网页 + CDN 加速

继知识星球部署在腾讯云,其快速便捷的部署方式促使我将本站也进行了转移。将博客静态网站部署在腾讯云上的优点是,只需提交 git 记录即可自动触发部署动作自动更新网站内容,并且可以接入内容分发机制 CDN 加速静态资源加载。记录此文两个目的,针对想部署小破站的小白,提供一个快速部署的方案和排除腾讯云部署的一些坑!


前言

官方文档很重要!!!

位于引用块内!

快速部署

部署流程图如下:

流程图

千万别用腾讯云的 Web 应用托管!!!(特别是流量不多的站主,除了更加方便就只剩贵了,每天都要 1 分钱。)

上传 public 目录至 Git 仓库

  1. 创建 CODING / Github 代码仓库
  2. 将 Hugo / Hexo 编译生成的 public 目录上传至仓库,需要注意:
    • 掌握 Git 提交代码至远程仓库以及分支概念
    • Hugo 直接通过 Git 进行提交
    • Hexo 可以配置主配置中的 deploy 参数(见官方文档等)
  3. 之后步骤以 CODING 代码仓库作为例子

创建腾讯云 Serverless 应用

注册腾讯云账号(可与 CODING 进行绑定),打开 Serverless 应用中心 创建应用,选择“快速部署一个 Website 静态网站”,下一步后的地域可选离自己近的,不需要启用跨域访问 CORS。

更新应用部署方式

进入应用配置,在“开发部署”下找到“更新应用”,选择“代码托管”部署方式和 CODING 代码源,由于和 CODING 绑定,可以直接拉取仓库列表和分支进行选择,其它配置保持默认即可。

image-20211229213155131

添加 CDN 加速域名

一定一定要直接选择 Serverless 应用配置“资源列表”下的 CDN 加速域名新增,按指引添加自己的域名(不一定要腾讯云购买的),只需要在第三步在原域名提供商(比如阿里云)添加 CNAME 记录即可。

如果通过 内容分发网络 CDN 添加加速域名选择 COS 源回溯会导致 Access Denied 错误,应该是自己手动配置导致访问网站存储桶的权限不够。

image-20211229213450401

修改域名配置 (http)

  1. SSL 证书 我的证书中“申请免费证书”,“证书绑定域名”写 Serverless 应用中新增的域名,跟着指引一步步下去即可,核心一步是回到域名提供商那添加一条 TXT 记录,审核一般几分钟就过了

    image-20211229214647603

  2. 打开 域名管理 管理刚刚新增的域名,修改“源站信息”中的“回源协议”为 HTTPS,同时也可以选择加速区域为全球

    image-20211229215233356

  3. “HTTPS 配置”中配置前面申请的 SSL 证书,开启 HTTP2.0 和 强制跳转

    image-20211229215357786

本作品采用 知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议 进行许可。