mirror of
https://github.com/afoim/fuwari.git
synced 2026-01-31 09:03:18 +08:00
docs: 更新随机图API域名并移除相关脚本
将随机图API域名从pic.acofork.com更新为pic1.acofork.com 移除不再使用的public/js/random.js脚本文件
This commit is contained in:
@@ -1,143 +0,0 @@
|
|||||||
/**
|
|
||||||
* Static Random Pic API
|
|
||||||
* Generated by build script
|
|
||||||
*/
|
|
||||||
(() => {
|
|
||||||
var counts = { h: 979, v: 3596 };
|
|
||||||
var domain = "https://pic.acofork.com";
|
|
||||||
|
|
||||||
// State management for session consistency
|
|
||||||
var sessionRandomH = null;
|
|
||||||
var sessionRandomV = null;
|
|
||||||
|
|
||||||
// Helper: Get random URL for a type (h or v), persistent per session
|
|
||||||
function getRandomUrl(type) {
|
|
||||||
if (!counts[type] || counts[type] === 0) return "";
|
|
||||||
|
|
||||||
// Return existing session URL if available
|
|
||||||
if (type === "h" && sessionRandomH) return sessionRandomH;
|
|
||||||
if (type === "v" && sessionRandomV) return sessionRandomV;
|
|
||||||
|
|
||||||
// Generate new if not exists
|
|
||||||
var num = Math.floor(Math.random() * counts[type]) + 1;
|
|
||||||
var url = domain + "/ri/" + type + "/" + num + ".webp";
|
|
||||||
|
|
||||||
// Save to session state
|
|
||||||
if (type === "h") sessionRandomH = url;
|
|
||||||
if (type === "v") sessionRandomV = url;
|
|
||||||
|
|
||||||
return url;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Expose global functions
|
|
||||||
window.getRandomPicH = () => getRandomUrl("h");
|
|
||||||
window.getRandomPicV = () => getRandomUrl("v");
|
|
||||||
|
|
||||||
// 1. Logic for Background (Customized based on user request)
|
|
||||||
function setRandomBackground() {
|
|
||||||
// Get random URL using the helper (Dynamic count & domain)
|
|
||||||
const bgUrl = getRandomUrl("h");
|
|
||||||
|
|
||||||
// Find the background box element
|
|
||||||
const bgBox = document.getElementById("bg-box");
|
|
||||||
|
|
||||||
if (bgBox) {
|
|
||||||
// Preload image
|
|
||||||
const img = new Image();
|
|
||||||
img.onload = () => {
|
|
||||||
bgBox.style.backgroundImage = `url('${bgUrl}')`;
|
|
||||||
bgBox.classList.add("loaded");
|
|
||||||
console.log("Random background loaded:", bgUrl);
|
|
||||||
|
|
||||||
// Set CSS variables for transparency effects
|
|
||||||
document.documentElement.style.setProperty(
|
|
||||||
"--card-bg",
|
|
||||||
"var(--card-bg-transparent)",
|
|
||||||
);
|
|
||||||
document.documentElement.style.setProperty(
|
|
||||||
"--float-panel-bg",
|
|
||||||
"var(--float-panel-bg-transparent)",
|
|
||||||
);
|
|
||||||
};
|
|
||||||
img.onerror = () => {
|
|
||||||
console.error("Failed to load background image:", bgUrl);
|
|
||||||
};
|
|
||||||
img.src = bgUrl;
|
|
||||||
} else {
|
|
||||||
// Fallback: If no #bg-box, check for data-random-bg for backward compatibility/other elements
|
|
||||||
// This keeps the generic functionality available if needed, but prioritizes the user's specific logic above.
|
|
||||||
initGenericBackgrounds();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2. Logic for Image Tags (Generic)
|
|
||||||
function initImgTags() {
|
|
||||||
var imgTags = document.getElementsByTagName("img");
|
|
||||||
for (var i = 0; i < imgTags.length; i++) {
|
|
||||||
var img = imgTags[i];
|
|
||||||
var alt = img.getAttribute("alt");
|
|
||||||
var src = img.getAttribute("src");
|
|
||||||
|
|
||||||
if (alt === "random:h" || (src && src.indexOf("/random/h") !== -1)) {
|
|
||||||
img.src = getRandomUrl("h");
|
|
||||||
} else if (
|
|
||||||
alt === "random:v" ||
|
|
||||||
(src && src.indexOf("/random/v") !== -1)
|
|
||||||
) {
|
|
||||||
img.src = getRandomUrl("v");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Helper for generic data-random-bg (as a backup or secondary feature)
|
|
||||||
function initGenericBackgrounds() {
|
|
||||||
var bgElements = document.querySelectorAll("[data-random-bg]");
|
|
||||||
bgElements.forEach((el) => {
|
|
||||||
// Skip if it is the bg-box we already handled (though setRandomBackground handles #bg-box specifically)
|
|
||||||
if (el.id === "bg-box") return;
|
|
||||||
|
|
||||||
var type = el.getAttribute("data-random-bg");
|
|
||||||
if (type === "h" || type === "v") {
|
|
||||||
var url = getRandomUrl(type);
|
|
||||||
if (url) {
|
|
||||||
var img = new Image();
|
|
||||||
img.onload = () => {
|
|
||||||
el.style.backgroundImage = 'url("' + url + '")';
|
|
||||||
el.classList.add("loaded");
|
|
||||||
};
|
|
||||||
img.src = url;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function init() {
|
|
||||||
setRandomBackground();
|
|
||||||
initImgTags();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Run on initial load
|
|
||||||
if (document.readyState === "loading") {
|
|
||||||
document.addEventListener("DOMContentLoaded", init);
|
|
||||||
} else {
|
|
||||||
init();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Swup integration
|
|
||||||
function setupSwup() {
|
|
||||||
if (window.swup && window.swup.hooks) {
|
|
||||||
// Register hook for content replacement
|
|
||||||
window.swup.hooks.on("content:replace", init);
|
|
||||||
console.log("Random Pic API: Registered with Swup hooks.");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if (window.swup) {
|
|
||||||
setupSwup();
|
|
||||||
} else {
|
|
||||||
document.addEventListener("swup:enable", setupSwup);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Legacy Swup support
|
|
||||||
document.addEventListener("swup:contentReplaced", init);
|
|
||||||
})();
|
|
||||||
@@ -12,7 +12,7 @@ lang: ""
|
|||||||
Umami,用于在网站插入一个JS来进行访客统计以及展示访客信息
|
Umami,用于在网站插入一个JS来进行访客统计以及展示访客信息
|
||||||
::url{href="https://umami.acofork.com/share/CdkXbGgZr6ECKOyK"}
|
::url{href="https://umami.acofork.com/share/CdkXbGgZr6ECKOyK"}
|
||||||
静态随机图,用于置顶文章Cover和整个网站的背景图
|
静态随机图,用于置顶文章Cover和整个网站的背景图
|
||||||
::url{href="https://pic.acofork.com"}
|
::url{href="https://pic1.acofork.com"}
|
||||||
|
|
||||||
---
|
---
|
||||||
其他: https://acofork.com , https://www.acofork.com
|
其他: https://acofork.com , https://www.acofork.com
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ lang: ''
|
|||||||
|
|
||||||
::url{href="https://cover.acofork.com"}
|
::url{href="https://cover.acofork.com"}
|
||||||
::url{href="https://http.acofork.com"}
|
::url{href="https://http.acofork.com"}
|
||||||
::url{href="https://pic.acofork.com"}
|
::url{href="https://pic1.acofork.com"}
|
||||||
::url{href="https://gallery.acofork.com"}
|
::url{href="https://gallery.acofork.com"}
|
||||||
::url{href="https://img.072103.xyz"}
|
::url{href="https://img.072103.xyz"}
|
||||||
::url{href="https://eopfapi.acofork.com/pic"}
|
::url{href="https://eopfapi.acofork.com/pic"}
|
||||||
|
|||||||
@@ -105,7 +105,7 @@ lang: ""
|
|||||||
|
|
||||||
::github{repo="afoim/Static_RandomPicAPI"}
|
::github{repo="afoim/Static_RandomPicAPI"}
|
||||||
|
|
||||||
上线的 API: https://pic.acofork.com
|
上线的 API: https://pic1.acofork.com
|
||||||
|
|
||||||
# 总结
|
# 总结
|
||||||
我们共探索了三种流派
|
我们共探索了三种流派
|
||||||
|
|||||||
Reference in New Issue
Block a user