Bing每日一图做首页背景

背景

halo博客的首页一直都是同一张图片，时间长了有点视觉疲劳，希望首页能够每天变化，刚好Bing的每日壁纸满足这个需求，且图片质量都挺不错的，于是通过CF+子域名，将自定义链接重定向到Bing的每日壁纸图片链接

这个链接是Bing每日壁纸的官方API，这个API返回的images属性里就是图片的路径

https://www.bing.com 拼接路径得到链接，如

https://www.bing.com/th?id=OHR.SnowMoose_ZH-CN3364979952_1920x1080.jpg&rf=LaDigue_1920x1080.jpg&pid=hp

基本原理清楚了，接下来在CF上配置

配置cloudflare

登录cloudflare，左侧功能栏选择“workers和pages”，点击“创建”，“创建worker”，直接点击“部署”，点击“编辑代码”，然后将下面的代码替换进去

 addEventListener('fetch', event => {
 
  event.respondWith(handleRequest(event.request))
 
 })
 
 
 
 async function handleRequest(request) {
 
  const bingUrl = 'https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh-CN';
 
  
 
  try {
 
   *// 获取 Bing 壁纸的 JSON 数据*
 
   const response = await fetch(bingUrl);
 
   const data = await response.json();
 
   
 
   *// 获取图片的 URL*
 
   const imageUrl = `https://www.bing.com${data.images[0].url}`;
 
   
 
   *// 返回 302 重定向，跳转到图片 URL*
 
   return Response.redirect(imageUrl, 302);
 
  } catch (error) {
 
   return new Response('Failed to fetch Bing wallpaper', { status: 500 });
 
  }
 
 }

点击“部署”，就能通过cloudflare自动生成的链接进行访问