mirror of
https://github.com/afoim/fuwari.git
synced 2026-01-31 00:53:19 +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来进行访客统计以及展示访客信息
|
||||
::url{href="https://umami.acofork.com/share/CdkXbGgZr6ECKOyK"}
|
||||
静态随机图,用于置顶文章Cover和整个网站的背景图
|
||||
::url{href="https://pic.acofork.com"}
|
||||
::url{href="https://pic1.acofork.com"}
|
||||
|
||||
---
|
||||
其他: https://acofork.com , https://www.acofork.com
|
||||
|
||||
@@ -10,7 +10,7 @@ lang: ''
|
||||
|
||||
::url{href="https://cover.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://img.072103.xyz"}
|
||||
::url{href="https://eopfapi.acofork.com/pic"}
|
||||
|
||||
@@ -105,7 +105,7 @@ lang: ""
|
||||
|
||||
::github{repo="afoim/Static_RandomPicAPI"}
|
||||
|
||||
上线的 API: https://pic.acofork.com
|
||||
上线的 API: https://pic1.acofork.com
|
||||
|
||||
# 总结
|
||||
我们共探索了三种流派
|
||||
|
||||
Reference in New Issue
Block a user