♻️ refactor: update Bing image API fetching method

Author: RylanBot

README.md

@@ -31,7 +31,7 @@ https://notion-widgets.rylan.cn/poem
 
 ### 🔮 英文引言
 
-#### 🎁 致谢 [Quotesy](https://github.com/dwyl/quotes/) 库和 [BitURL](https://biturl.top/) 开放 API
+#### 🎁 致谢 [Quotesy](https://github.com/dwyl/quotes/) 库和 [Bing 每日壁纸](https://www.bing.com/) 开放 API
 
 ```
 https://notion-widgets.rylan.cn/quote

server/routes.js

@@ -8,6 +8,8 @@ const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 const router = express.Router();
 
+/* ========== 页面 ========== */
+
 // 首页
 router.get("/", (_, res) => {
   res.sendFile(path.join(__dirname, "../views/index.html"));
@@ -26,7 +28,9 @@ router.get("/music", (_, res) => {
   res.sendFile(path.join(__dirname, "../views/widgets/music-player.html"));
 });
 
-// API
+/* ========== API ========== */
+
+// 随机引言
 router.get("/api/quote", (_, res) => {
   const quote = quotes.random();
   res.json({
@@ -35,4 +39,14 @@ router.get("/api/quote", (_, res) => {
   });
 });
 
+// Bing 每日壁纸
+router.get("/api/bing-image", async (_, res) => {
+  const bingResponse = await fetch("https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=1&mkt=zh-CN");
+  const bingData = await bingResponse.json();
+  const bingImageUrl = bingData.images[0].url;
+  res.json({
+    url: `https://www.bing.com/${bingImageUrl}`
+  });
+});
+
 export default router;

vercel.json

@@ -20,7 +20,7 @@
       "dest": "/views/index.html"
     },
     {
-      "src": "/api/quote",
+      "src": "/api/(.*)",
       "dest": "/server/app.js"
     },
     {

views/widgets/english-quote.html

@@ -80,7 +80,6 @@
 
 <script>
   const urlParams = new URLSearchParams(window.location.search);
-  let bg = "";
 
   function applyParmToStyle() {
     const size = urlParams.get("size");
@@ -92,8 +91,6 @@
     if (width) {
       document.documentElement.style.setProperty("--primary-width", `${width}px`);
     }
-
-    bg = urlParams.get("bg") || "";
   }
 
   /**
@@ -135,26 +132,23 @@
 
   async function fetchImage() {
     const imgContainer = document.querySelector(".img-container");
-    let imageUrl = "";
 
     const tryFetchImage = async () => {
       try {
-        const bingApi = "https://bing.biturl.top/";
-        const response = await fetch(bingApi);
-        const data = await response.json();
-        imageUrl = await data.url;
+        const bingResponse = await fetch('/api/bing-image');
+        const bingData = await bingResponse.json();
+        return bingData.url;
       } catch (error) {
         console.error("Error fetching image", error);
       }
     };
 
-    if (!bg) {
-      await tryFetchImage();
-    } else {
-      imageUrl = bg;
+    let imageUrl = urlParams.get("bg");
+    if (!imageUrl) {
+      imageUrl = await tryFetchImage();
     }
-
     calculateBrightness(imageUrl);
+
     imgContainer.style.backgroundSize = "cover";
     imgContainer.style.backgroundPosition = "center";
     imgContainer.style.backgroundImage = `url('${imageUrl}')`;