腾讯云EdgeOne 缓存图床图片
技术分享1 分钟阅读更新于

腾讯云EdgeOne 缓存图床图片

使用腾讯云边缘加速自定义缓存图床图片，配合域名DNS解析接管加速

#腾讯云

博客项目使用图床，为了防止图床超出平台免费的流量, 提高访问速度(当前使用cloudflare代理)，于是进行图片缓存，腾讯云edgeone免费个人版的加速无限流量

操作步骤

Step 1. 自定义域名回流

服务总览 - EdgeOne - 控制台

  • 在管理域名菜单创建加速规则的自定义域名，点击 添加域名

image.png

  • 配置域名和回流规则
    • 自定义域名: ***.your.domain
    • 图床原始地址: 你当前图床的 URL, 例如: image.baidu.com

新的二级域名需要添加新的 DNS 解析,我使用的是腾讯云会自动添加

image.png

Step 2. 自定义加速规则

  • 创建加速规则, 我选择的是 使用配置语法创建, 其它选项也行

image.png

  • 粘贴下面代码替换规则代码

image.png

访问 img.daodao.online 地址, 以下面这些图片格式结尾就会触发缓存

JSON MODE 代码

{
  "FormatVersion": "1.0",
  "Rules": [
    {
      "RuleName": "图床静态资源强缓存策略",
      "Branches": [
        {
          "Condition": "${http.request.host} in ['img.daodao.online'] and ${http.request.file_extension} in ['jpg', 'jpeg', 'png', 'webp', 'gif', 'svg', 'ico', 'avif']",
          "Actions": [
            {
              "Name": "Cache",
              "CacheParameters": {
                "CustomTime": {
                  "Switch": "on",
                  "IgnoreCacheControl": "on",
                  "CacheTime": 2592000
                }
              }
            },
            {
              "Name": "MaxAge",
              "MaxAgeParameters": {
                "FollowOrigin": "off",
                "CacheTime": 2592000
              }
            }
          ]
        }
      ],
      "Description": [
        "对图床图片资源在边缘节点强制缓存30天，并下发浏览器30天本地缓存，大幅减少回源流量消耗"
      ]
    }
  ]
}

GUI Mode 样式是下面这样, 两者是同一个规则, 表现展示形式不同而已

image.png

Step 3. PicList配合自定义加速规则

已经配置好接管图床原始地址, 图床就需要使用新配置好的域名, 我的是https://img.daodao.online, 在 PicList 把配置的自定义地址替换就行

image.png

验证

  • 在相应头中出现 Eo-*** 起始的字段说明已经缓存

image.png

缓存的图片访问速度很快, 只有几十毫秒, 同样一张图片, 经过腾讯云EdgeOne 加速后速度提高了 10 倍, 200+ms -> 20ms

image.png

image.png