前言
想着写一个可以每次访问都能返回不同的图片的网址，用来做渐变背景
项目地址 https://github.com/1143520/picture-api
正文
部署教程
十分 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 强制刷新
