使用eo+cos全面优化部署hugo-teek

使用 COS 存储桶静态托管编译代码，采用双桶分离策略，分别管理代码与图片资源，实现存储安全与网站资源毫秒级响应。

优化原理

1. 双桶分工（核心分离逻辑）
   1. 资源桶(私有)（源站 / 存储层）
      • 存储内容：仅存放图片资源
      • 访问权限：设为 私有/不直接对外访问，仅开放权限给 EO 用于回源拉取
      • 核心作用：安全存储原始资源，隐藏真实存储地址，避免资源被恶意爬取、篡改
   2. EO 桶(公有，提供服务)（加速 / 访问层）
      • 存储内容： Hugo 编译后的 dist 静态资源（含 html、css、js、图片等所有站点所需文件）
      • 核心功能：对外提供唯一访问入口（通过域名直接访问）
      • 负责模块：缓存管理、HTTPS 加密、访问控制、防盗链配置、跨域设置
      • 核心作用：承接所有用户访问请求，隔离用户与 COS 源站，提升访问速度与安全性
2. 完整访问链路
   1. 用户通过浏览器输入域名，发起访问请求，请求直接指向 EO 桶；
   2. EO 桶优先查询自身缓存：
      • 若存在对应缓存（资源已被访问过），则直接将缓存资源返回给用户，访问速度极快；
      • 若不存在缓存（首次访问该资源），则 EO 桶向 COS 源站 发起回源请求，拉取对应资源；
   3. 资源桶源站仅被动响应 EO 桶的回源请求，不直接接收任何用户的访问请求，全程不对外暴露。

优化后最终效果

Yang的博客

环境

1. 安装好了git
2. 注册CNb账号（存储hugo-teek仓库代码及md核心文档）
3. 注册腾讯云账号和免费版eo套餐。（需要套餐兑换码可以留言，不免费!）
4. 拥有自己的域名

前置部署直接移步到one的博客，部署很详细，这里不再过多赘述

我们直接来到创建完cos桶的这一步：

注意不要开启防盗链，在全面配置完成后可以通过域名+/cos根文件夹名+/文件名访问图片资源

进入公有桶的配置管理打开静态网页配置，我这里为hugo-teek-dist

接着来到eo的域名管理界面，点击编辑

记得私有授权访问一定要开启！

接着我们返回到服务总览，点击站点加速

切换到规则引擎

新建规则

为了再次加快站点资源访问速度，我们可以再次对资源图片进行压缩转换为avif格式

自用node.js压缩，可直接拉取使用

1git clone https://cnb.cool/yangworld.top/promise_project

到此你的站点已经实现全面优化，快去试试吧！