惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

博客园 - 三生石上(FineUI控件)
MyScale Blog
MyScale Blog
爱范儿
爱范儿
Y
Y Combinator Blog
Last Week in AI
Last Week in AI
博客园 - Franky
MongoDB | Blog
MongoDB | Blog
aimingoo的专栏
aimingoo的专栏
T
Tailwind CSS Blog
Microsoft Azure Blog
Microsoft Azure Blog
Hugging Face - Blog
Hugging Face - Blog
博客园_首页
阮一峰的网络日志
阮一峰的网络日志
WordPress大学
WordPress大学
月光博客
月光博客
Martin Fowler
Martin Fowler
A
About on SuperTechFans
有赞技术团队
有赞技术团队
酷 壳 – CoolShell
酷 壳 – CoolShell
I
InfoQ
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
J
Java Code Geeks
博客园 - 聂微东
宝玉的分享
宝玉的分享

茗辰原

DeepSeek Harness安装使用及美化教程 利用AI制作自己的工作台 收藏一时爽,清理要我命 免Token登录的Cloudflare移动管理客户端 零成本搭建自己的影视库Quonnki项目 开源某克自动签到领取免费空间项目 Astro Gyoza 内容标签使用指南 内容标签使用指南 | 茗辰原 利用AI从Hexo迁移到Astro | 茗辰原 Cloud Photography | Galleries | 茗辰原 博客周浏览量又突破了! | MingCY 博客周浏览量又突破了! | 茗辰原 博客周浏览量又突破了! Twikoo配置图床S3/R2 抖音推流助手工具 收到"好站网"的抱枕了! 开了VPN但真实IP被WebRTC泄露 5.10母亲节 | MingCY 5.10母亲节 5.10母亲节 18成人礼 TheOne陪伴接入WX Bing免费送B站月卡 让AI替你SSH进服务器,5分钟搞定故障排查! 基于Cloudflare R2搭建免费云盘 关于我的近视手术 你真的会刷牙吗? Urban Photography — Layered City | Galleries | MingCY 内网穿透监控软件TailScale AI控制手机
使用works制作随机图! | MingCY
茗辰原 · 2024-10-26 · via 茗辰原

随机图的轮子其实网上有不少了,但基本都需要一台服务器,或者用别人提供的服务。

但其实托管图片获取直链还是比较简单的,所以想着用 Cloudflare Workers 在直链中随机选一个,来搭建一个私人的随机图片服务。

你需要

  • 一个 Cloudflare 账号
  • 一堆图片直链

图片直链

不少图床都提供直链服务,比如 sm.ms(免费版单文件上限 5MB,速度很快),或者 img.vim-cn.com(单文件上限 50MB,国内速度一般)。

或者,如果你对这些公共的服务不太放心的话,一个 GitHub Repo 也是不错的选择。

总之,只需要一个直链,方法很多,自己灵活选择。

部署 Workers

方法不多说,网上一大堆,下面直接贴代码。

addEventListener('fetch', event => {
    event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {

	var background_urls = [
	'https://w.wallhaven.cc/full/ey/wallhaven-eymzjk.jpg',
	'https://w.wallhaven.cc/full/j8/wallhaven-j8rk95.png'
	]
	var index = Math.floor((Math.random()*background_urls.length));
	res = await fetch(background_urls[index])
    return new Response(res.body, {
        headers: { 'content-type': 'image/jpeg' },
    })
}

JAVASCRIPT

background_urls 是一个保存直链的数组,将所有你想随机的图片加入进去即可。

P.S. 没有学过 Javascript,临时拼凑而成,希望有大佬可以优化地更好。

我的随机图:

网址https://webp.liyy.us.kg/