前言

想着写一个可以每次访问都能返回不同的图片的网址，用来做渐变背景

正文

部署教程

十分easy，直接fork部署在workers上就行，没有任何其他设置。然后自定义域就行

注意

图片存储位置在github仓库

https://github.com/1143520/picture-api/blob/main/public

在picture-api有bat可以一键重命名成数字，但是图片后缀类型没有改

你也可以换成自己的图片url，设置在

https://github.com/1143520/picture-api/blob/main/src/index.js

构建完之后直接到cloudflare编辑代码，修改图片列表（本身图比较多，可能很卡）

模式1顺序循环，模式2随机循环

README有简单使用教程，你也可以问问万能的GPT，一般都是CSS搭配java作为背景轮播

效果

设置了缓存，保持随机性的同时，当加载一样的图片减少请求

// 返回图片，并设置缓存控制
return new Response(response.body, {
    headers: {
        ...headers,
        'Content-Type': contentType || 'image/jpeg',
        'Cache-Control': 'public, max-age=8640000', // 缓存24小时
        'ETag': `"${index}"`, // 添加 ETag 用于缓存验证
        'Vary': 'Origin, Accept', // 添加 Vary 头部
        'Content-Disposition': 'inline',
    },
});

ctrl+F5强制刷新

ceshi