(() => { "use strict"; /* 全局单例：layout SSR + CustomCodeInjector 可能各挂一次，禁止双跑 */ if (window.__yfThemeBridge) return; window.__yfThemeBridge = 1; /* —— 关闭安知鱼控制台彩蛋（ASCII / 欢迎使用安知鱼 / Powered by AnHeYu） —— */ (() => { if (window.__yfConsoleSilenced) return; window.__yfConsoleSilenced = true; const noise = /安知鱼|AnHeYu|Powered by|小笨蛋|WELCOME|NCC2-|W23-12|S013-|监控中|█████|欢迎使用/; ["log", "info", "debug", "warn"].forEach((method) => { const orig = console[method] && console[method].bind(console); if (!orig) return; console[method] = (...args) => { try { const text = args.map((a) => (typeof a === "string" ? a : "")).join(" "); if (noise.test(text)) return; } catch (_) {} return orig(...args); }; }); })(); const HOME_BGS = ["/static/img/bg/bg1.jpg", "/static/img/bg/bg2.jpg", "/static/img/bg/bg4.jpg", "/static/img/bg/bg5.jpg"]; const AVATAR = "/static/img/avatar.webp?v=20260829"; const ERROR404_SUBTITLE = "页面走丢了，试试站内搜索吧"; const BG_STORAGE_KEY = "yf-home-bg-v1"; const BG_ROTATE_MS = 6 * 60 * 60 * 1000; // 6 小时 const NAV_ICON_MAP = [ { match: (href) => href === "/" || href === "", icon: "/static/img/favicon.png" }, { match: (href) => /blog\.csdn\.net/i.test(href), icon: "/static/img/favicon.png" }, { match: (href) => /\/about\/?$/.test(href), icon: "/static/img/avatar.webp?v=20260829" }, { match: (href) => /github\.com/i.test(href), icon: "/static/img/avatar.webp?v=20260829" }, ]; /* 前台不保留登录态，避免评论提交带上空 nickname。 * 管理后台 /admin 必须保留 auth-storage（含 30 天 refreshToken），否则刷新必掉登录。 */ try { if (!/^\/admin(\/|$)/.test(location.pathname)) { /*localStorage.removeItem("auth-storage");*/ } } catch (_) {} /* —— 隐藏前台登录入口 —— */ const hideLogin = () => { const toolbar = document.querySelector("[data-site-header-toolbar]"); if (toolbar) { toolbar.querySelectorAll('button[aria-label*="登录"], button[title*="登录"]').forEach((el) => { const slot = el.closest(":scope > *") || el; slot.style.cssText = "display:none!important;width:0!important;height:0!important;overflow:hidden!important;pointer-events:none!important;visibility:hidden!important;"; }); } document.querySelectorAll('header a[href="/login"], header a[href^="/login?"]').forEach((el) => { const panel = el.closest("[class*='loginPanel'], [class*='loginActions']"); if (panel) panel.style.display = "none"; }); }; /* 前台 /login 暂不需要，直接回首页（后台 /admin 不受影响） */ if (/^\/login(\/|$|\?)/.test(location.pathname)) { //location.replace("/"); } /* —— 首页背景轮换：每 6 小时换一次 —— */ const rotateHomeBg = () => { if (location.pathname !== "/") return; const layout = document.getElementById("frontend-layout"); if (!layout || !layout.classList.contains("one-image-active")) return; let src = HOME_BGS[0]; try { const raw = localStorage.getItem(BG_STORAGE_KEY); const saved = raw ? JSON.parse(raw) : null; const now = Date.now(); if (saved?.src && HOME_BGS.includes(saved.src) && typeof saved.at === "number" && now - saved.at < BG_ROTATE_MS) { src = saved.src; } else { const prev = saved?.src; const pool = HOME_BGS.filter((b) => b !== prev); src = (pool.length ? pool : HOME_BGS)[Math.floor(Math.random() * (pool.length || HOME_BGS.length))]; localStorage.setItem(BG_STORAGE_KEY, JSON.stringify({ src, at: now })); } } catch (_) { src = HOME_BGS[Math.floor(Math.random() * HOME_BGS.length)]; } document.documentElement.style.setProperty("--one-image-background", `url(${src})`); }; /* —— 右上角快捷菜单：相对路径图标在 AnHeYu 里会被当成链环，改写为本地图片 —— */ const patchNavMenuIcons = () => { document.querySelectorAll('a[class*="backMenuItem"]').forEach((a) => { const href = a.getAttribute("href") || ""; const hit = NAV_ICON_MAP.find((item) => item.match(href)); if (!hit) return; const currentImg = a.querySelector("img"); if (currentImg && /\/static\/img\//.test(currentImg.getAttribute("src") || "")) return; const img = document.createElement("img"); img.src = hit.icon; img.alt = ""; img.width = 24; img.height = 24; img.decoding = "async"; img.style.cssText = "width:24px;height:24px;border-radius:6px;object-fit:cover;flex-shrink:0;"; const old = a.querySelector("img, svg"); if (old) old.replaceWith(img); else a.insertBefore(img, a.firstChild); }); }; /* —— 评论：空昵称补默认；纯 QQ 号不写死「QQ 访客」 —— */ const QQ_NICK_RE = /^[1-9]\d{4,10}$/; const patchCommentSubmit = () => { if (window.__yfCommentPatched) return; window.__yfCommentPatched = true; const orig = window.fetch; if (typeof orig !== "function") return; window.fetch = async function (input, init) { try { const url = typeof input === "string" ? input : input?.url || ""; const method = (init?.method || (typeof input !== "string" && input?.method) || "GET").toUpperCase(); if (/\/api\/public\/comments\/?$/.test(url) && method === "POST" && init?.body) { let body = init.body; if (typeof body === "string") { const data = JSON.parse(body); let nick = String(data.nickname || "").trim(); if (data.is_anonymous && !nick) { data.nickname = `匿名访客${Math.floor(Math.random() * 9000 + 1000)}`; } else if (!data.is_anonymous && (!nick || nick.length < 2 || QQ_NICK_RE.test(nick))) { /* 非匿名：空昵称 / 纯 QQ 号禁止提交（由 yf-comment-enhance 提示） */ return new Response(JSON.stringify({ code: 400, message: "请填写昵称后再提交" }), { status: 400, headers: { "Content-Type": "application/json; charset=utf-8" }, }); } init = { ...init, body: JSON.stringify(data) }; } } return await orig.call(this, input, init); } catch (_) { return orig.call(this, input, init); } }; }; /* —— 首页粒子（挂到一图流 banner） —— */ let particleState = null; let applying = false; let bootScheduled = false; const stopParticles = () => { if (!particleState) return; particleState.running = false; if (particleState.raf) cancelAnimationFrame(particleState.raf); window.removeEventListener("resize", particleState.onResize); particleState.canvas?.remove(); particleState = null; }; const startParticles = () => { if (location.pathname !== "/") { stopParticles(); return; } if (window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches) { stopParticles(); return; } const host = document.querySelector("section[class*='oneImageBanner']") || document.querySelector(".frontend-layout.one-image-active"); if (!host) { stopParticles(); return; } if (particleState?.running && particleState.host === host && particleState.canvas?.isConnected) { return; } stopParticles(); const canvas = document.createElement("canvas"); canvas.id = "yf-home-particles"; canvas.setAttribute("aria-hidden", "true"); canvas.style.cssText = "position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;"; if (getComputedStyle(host).position === "static") host.style.position = "relative"; host.appendChild(canvas); const ctx = canvas.getContext("2d"); const state = { canvas, ctx, host, running: true, raf: 0, particles: [], onResize: null }; particleState = state; const resize = () => { const dpr = Math.min(window.devicePixelRatio || 1, 2); const w = host.clientWidth || window.innerWidth; const h = host.clientHeight || window.innerHeight; canvas.width = Math.floor(w * dpr); canvas.height = Math.floor(h * dpr); canvas.style.width = w + "px"; canvas.style.height = h + "px"; ctx.setTransform(dpr, 0, 0, dpr, 0, 0); state.particles = Array.from({ length: Math.min(42, Math.floor(w / 30)) }, () => ({ x: Math.random() * w, y: Math.random() * h, r: 1.1 + Math.random() * 2.2, vx: -0.12 + Math.random() * 0.24, vy: -0.2 - Math.random() * 0.32, a: 0.18 + Math.random() * 0.5, tw: Math.random() * Math.PI * 2, sp: 0.012 + Math.random() * 0.02, })); }; const tick = () => { if (!state.running) return; const w = host.clientWidth; const h = host.clientHeight; ctx.clearRect(0, 0, w, h); for (const p of state.particles) { p.x += p.vx; p.y += p.vy; p.tw += p.sp; if (p.y < -10) { p.y = h + 8; p.x = Math.random() * w; } if (p.x < -10) p.x = w + 8; if (p.x > w + 10) p.x = -8; const alpha = p.a * (0.5 + 0.5 * Math.sin(p.tw)); const g = ctx.createRadialGradient(p.x, p.y, 0, p.x, p.y, p.r * 4.5); g.addColorStop(0, `rgba(255, 236, 180, ${alpha})`); g.addColorStop(0.4, `rgba(255, 255, 255, ${alpha * 0.4})`); g.addColorStop(1, "rgba(255,255,255,0)"); ctx.fillStyle = g; ctx.beginPath(); ctx.arc(p.x, p.y, p.r * 4.5, 0, Math.PI * 2); ctx.fill(); } state.raf = requestAnimationFrame(tick); }; state.onResize = resize; resize(); tick(); window.addEventListener("resize", resize); }; /* —— 加载页：头像 + bg3（对齐 Hexo） —— */ const enhanceLoader = () => { const loader = document.getElementById("initial-loader"); if (!loader || loader.dataset.yfEnhanced) return; loader.dataset.yfEnhanced = "1"; loader.innerHTML = `

`; }; /* —— 全站作者头像：替换非站内头像，去掉柴犬贴纸 —— */ const isAuthorAvatarImg = (img) => { if (!(img instanceof HTMLImageElement)) return false; if (img.classList.contains("yf-loader-avatar")) return true; // 勿误伤评论 / 用户中心头像 if (/commentAvatar|replyAvatar|barrageAvatar|userAvatar/i.test(img.className || "")) return false; const cls = img.className || ""; const parent = img.parentElement; const parentCls = parent?.className || ""; const grandCls = parent?.parentElement?.className || ""; const aboutLink = img.closest?.('a[title="关于作者"]'); const alt = img.getAttribute("alt") || ""; return ( Boolean(aboutLink) || /avatarImg|avatarImage|authorAvatar|author-info__avatar|authorImg/i.test(cls) || /authorAvatar|author-info__avatar|authorImg|authorBox|cardInfo|card-info/i.test(parentCls + " " + grandCls) || alt === "作者头像" ); }; const patchAuthorAvatars = () => { // 侧栏柴犬 status 贴纸：一律隐藏 document.querySelectorAll('[class*="authorStatus"], .author-status, [class*="AuthorStatus"]').forEach((el) => { el.style.cssText = "display:none!important;width:0!important;height:0!important;overflow:hidden!important;visibility:hidden!important;"; }); const forceSiteAvatar = (img) => { if (!(img instanceof HTMLImageElement)) return; const cur = img.getAttribute("src") || img.currentSrc || ""; if (cur.includes("avatar.jpg") && cur.includes("v=20260827fix")) return; img.src = AVATAR; img.setAttribute("src", AVATAR); if (!img.alt || /avatar|作者|云风|照片/i.test(img.alt)) img.alt = "云风"; }; document.querySelectorAll("img").forEach((img) => { if (!isAuthorAvatarImg(img)) return; forceSiteAvatar(img); }); /* 关于页大圆头像 / 性格旁大图 / PhotoCard */ document .querySelectorAll( '[class*="authorBox"] img, [class*="AuthorBox"] img, [class*="avatarImg"] img, img[class*="avatarImg"], [class*="photoCard"] img, [class*="PhotoCard"] img, [class*="personality"] img[src*="avatar"], img[alt="照片"], img[alt="作者头像"]' ) .forEach(forceSiteAvatar); /* 页脚回顶圆图 */ document.querySelectorAll('[class*="footerBackToTop"], img[alt="返回顶部"]').forEach(forceSiteAvatar); }; /* —— 404 文案与隐藏推荐列表 —— */ const patch404 = () => { const sub = document.querySelector("[class*='errorSubtitle']"); if (sub) sub.textContent = ERROR404_SUBTITLE; document.querySelectorAll("[class*='asideList']").forEach((el) => { el.style.display = "none"; }); }; /* —— 站名 / favicon：去掉 AnHeYu 默认四格图标 —— */ const SITE_NAME = "云风笺"; const FAVICON = "/static/img/favicon.png?v=20260829logo"; const FAVICON_ICO = "/static/img/favicon.ico?v=20260829logo"; const BRAND_LOGO_LIGHT = "/static/img/logo-horizontal-day.png?v=20260829logo"; const BRAND_LOGO_DARK = "/static/img/logo-horizontal-night.png?v=20260829logo"; const patchBrandAndFavicon = () => { document.querySelectorAll('link[rel="icon"], link[rel="shortcut icon"], link[rel="apple-touch-icon"]').forEach((link) => { const href = link.getAttribute("href") || ""; if (/favicon\.ico|anheyu|nm02o|10mctwv/i.test(href) || href === "/favicon.ico" || !/\/static\/img\/favicon/i.test(href)) { const isIco = /icon/.test(link.getAttribute("rel") || "") && /\.ico/i.test(href); link.setAttribute("href", isIco ? FAVICON_ICO : FAVICON); if (!link.getAttribute("type") && !isIco) link.setAttribute("type", "image/png"); } }); // 顶栏品牌图：随明暗主题切换对应 Logo。 const brandLogo = document.documentElement.classList.contains("dark") || document.documentElement.dataset.theme === "dark" ? BRAND_LOGO_DARK : BRAND_LOGO_LIGHT; document.querySelectorAll("header img, [data-site-header] img, a[href='/'] img").forEach((img) => { const src = img.getAttribute("src") || ""; const alt = img.getAttribute("alt") || ""; if (/logo|favicon|icon|安和鱼|anheyu/i.test(src + alt) || /\/_next\/.*favicon/i.test(src)) { if (img.getAttribute("src") !== brandLogo) { img.src = brandLogo; img.alt = SITE_NAME; } } }); // 顶栏文字偶发残留默认名时纠正 document.querySelectorAll("header a[href='/'], [data-site-header] a[href='/']").forEach((a) => { const text = (a.textContent || "").trim(); if (/^(AnHeYu|安和鱼)$/i.test(text)) a.textContent = SITE_NAME; }); if (document.title && /AnHeYu|安和鱼/i.test(document.title)) { document.title = document.title.replace(/AnHeYu|安和鱼/g, SITE_NAME); } }; /* —— 页脚：把 License 徽章挪到 runtime 板附近，避免孤行 —— */ const tidyFooterBadges = () => { const runtime = document.querySelector("footer [class*='footerRuntimeBoard']"); const badges = document.querySelector("footer [class*='footerBadges']"); if (!runtime || !badges || badges.dataset.yfMoved === "1") return; if (runtime.contains(badges)) return; badges.dataset.yfMoved = "1"; runtime.appendChild(badges); badges.style.cssText += ";margin:0.15rem 0 0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.45rem;"; }; const escapeHtml = (s) => String(s) .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """); const escapeAttr = (s) => escapeHtml(s).replace(/'/g, "'"); /* —— 朋友圈：读取 /static/data/fcircle.json，双列卡片 + 安和鱼式底部 —— */ const FCIRCLE_PAGE = 4; let fcircleState = null; const stripHtmlPlain = (s) => { let t = String(s || ""); t = t .replace(/</gi, "<") .replace(/>/gi, ">") .replace(/&/gi, "&") .replace(/"/gi, '"') .replace(/'/g, "'") .replace(/ /gi, " "); t = t .replace(//g, "$1") .replace(/<(script|style)[\s\S]*?<\/\1>/gi, " ") .replace(//gi, " ") .replace(/<\/(p|div|h[1-6]|li|tr)>/gi, " ") .replace(/<[^>]+>/g, " ") .replace(/#{1,6}\s+/g, " ") .replace(/\*\*([^*]+)\*\*/g, "$1") .replace(/\*([^*]+)\*/g, "$1") .replace(/`([^`]+)`/g, "$1") .replace(/\s+/g, " ") .trim(); return t; }; const displayAuthor = (name) => { const n = String(name || "").trim(); if (!n) return "云风"; if (/俞云烽|Yunfeng\s*Yu|yunfeng\s*yu/i.test(n)) return "云风"; if (/^俞云烽\s*\/\s*fishblog$/i.test(n) || /fishblog/i.test(n) && /俞/.test(n)) return "云风"; return n.replace(/俞云烽/g, "云风"); }; const formatUpdated = (raw) => { if (!raw) return "—"; const d = new Date(raw); if (Number.isNaN(d.getTime())) return String(raw).replace("T", " ").replace(/Z$/, ""); const pad = (n) => String(n).padStart(2, "0"); return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`; }; const CLOCK_SVG = ''; const REFRESH_SVG = ''; const LINK_SVG = ''; const FISH_PREFIXES = [ "隔壁家的孩子数学考了满分，都是因为看了", "上百祖境高手在天威湖大战三天三夜为了抢夺", "路过的猫突然开口说：你该去读", "今日份灵感来自", "钓到一条新鲜动态：", ]; const renderFishingCard = (root) => { if (!fcircleState || !root) return; const box = root.querySelector(".yf-fcircle-fish-card"); if (!box) return; const items = fcircleState.items || []; if (!items.length) { box.innerHTML = "

暂无可钓文章，稍后再试～

"; return; } const it = items[Math.floor(Math.random() * items.length)]; const prefix = FISH_PREFIXES[Math.floor(Math.random() * FISH_PREFIXES.length)]; const author = escapeHtml(displayAuthor(it.author || it.site || "友链")); box.innerHTML = `

${prefix} 来自友链 ${author} 的文章：${escapeHtml(it.title || "未命名")}

`; }; const renderFcircleCards = (root) => { if (!fcircleState || !root) return; const { items, sortByPub, visible } = fcircleState; const sorted = items.slice().sort((a, b) => { const da = String(a.date || ""); const db = String(b.date || ""); return sortByPub ? db.localeCompare(da) : da.localeCompare(db); }); const shown = sorted.slice(0, visible); const grid = root.querySelector(".yf-fcircle-grid"); if (grid) { grid.innerHTML = shown .map( (it) => `

${escapeHtml(it.title || "")}

${escapeHtml(stripHtmlPlain(it.excerpt || ""))}

${escapeHtml(displayAuthor(it.author || it.site || ""))} ${CLOCK_SVG}${escapeHtml(it.date || "")}

` ) .join(""); } const moreBtn = root.querySelector(".yf-fcircle-more-btn"); if (moreBtn) { const hasMore = visible < sorted.length; moreBtn.style.display = hasMore ? "" : "none"; moreBtn.classList.toggle("is-done", !hasMore); } const sortBtn = root.querySelector(".yf-fcircle-sort-switch"); if (sortBtn) sortBtn.dataset.selected = sortByPub ? "true" : "false"; }; const renderFcircle = async () => { if (!/^\/fcircle\/?$/.test(location.pathname)) { fcircleState = null; document.querySelectorAll("[data-yf-fcircle]").forEach((el) => { try { delete el.dataset.yfFcircle; } catch (_) {} }); return; } const host = document.querySelector(".yf-fcircle") || document.querySelector("main .content-inner") || document.querySelector("main [class*='pageContent']") || document.querySelector("main article") || document.querySelector("main"); if (!host) return; const isShell = (el) => !!el && el.classList.contains("yf-fcircle") && !el.querySelector(".yf-fcircle-banner") && (/正在加载/.test(el.textContent || "") || !!el.querySelector(".yf-fcircle-toolbar")); const alreadyReady = document.querySelector(".yf-fcircle[data-yf-fcircle-root] .yf-fcircle-banner") && document.querySelector(".yf-fcircle[data-yf-fcircle-root] .yf-fcircle-footer") && document.querySelector(".yf-fcircle[data-yf-fcircle-root] .yf-fcircle-fishing"); if (alreadyReady && !isShell(host)) return; let feed = null; try { const res = await fetch("/static/data/fcircle.json?_=" + Date.now(), { cache: "no-store" }); if (res.ok) feed = await res.json(); } catch (_) {} const items = (Array.isArray(feed?.items) ? feed.items : []).map((it) => ({ ...it, excerpt: stripHtmlPlain(it.excerpt || ""), author: displayAuthor(it.author || it.site || ""), })); const sources = Array.isArray(feed?.sources) ? feed.sources : []; const authors = new Set(items.map((it) => displayAuthor(it.author || it.site || ""))); fcircleState = { items, sortByPub: true, visible: Math.min(FCIRCLE_PAGE, items.length || FCIRCLE_PAGE), updated: feed?.updated || "", stats: { subscribe: sources.length || (items.length ? 1 : 0), active: authors.size, logs: items.length, }, }; /* 独立场景图（非全站 clouds.jpg），避免灰玻璃透云显得空 */ const bannerBg = "/static/img/fcircle-banner.jpg"; const html = `

🎣 钓鱼

全部友链

钓鱼中...

🐟 朋友圈

${ items.length ? `

` : `

🐟 暂时还没有朋友动态，小鱼们正在赶来的路上，晚点再来看看吧～

` }

`; /* 尽量复用同一 DOM 节点（innerHTML），避免 outerHTML 弄丢 React 兄弟节点（评论区） */ const applyFcircleHtml = (el) => { if (!el) return null; const tmp = document.createElement("div"); tmp.innerHTML = html.trim(); const next = tmp.firstElementChild; if (!next) return null; el.className = next.className; [...next.attributes].forEach((attr) => { if (attr.name === "class") return; el.setAttribute(attr.name, attr.value); }); el.innerHTML = next.innerHTML; el.dataset.yfFcircle = "1"; el.dataset.yfFcircleRoot = "1"; return el; }; let root; const mountTarget = isShell(host) ? host : host.querySelector?.(".yf-fcircle") && isShell(host.querySelector(".yf-fcircle")) ? host.querySelector(".yf-fcircle") : host.classList.contains("yf-fcircle") ? host : host.querySelector?.(".yf-fcircle"); if (mountTarget && mountTarget.classList.contains("yf-fcircle")) { root = applyFcircleHtml(mountTarget); } else if (host.classList.contains("yf-fcircle")) { root = applyFcircleHtml(host); } else { const old = host.querySelector(".yf-fcircle"); if (old) { root = applyFcircleHtml(old); } else { host.insertAdjacentHTML("afterbegin", html); root = host.querySelector(".yf-fcircle"); } } if (!root) return; root.dataset.yfFcircle = "1"; /* 评论区应在朋友圈内容之后、页脚之前；若被藏掉则强制恢复 */ const ensureFcircleComments = () => { if (!/^\/fcircle\/?$/.test(location.pathname)) return; const box = document.getElementById("post-comment") || document.querySelector("section[class*='commentSection'], section[class*='CommentSection']"); if (!box) return; const wrap = box.closest(".mt-12") || box; wrap.hidden = false; wrap.style.removeProperty("display"); wrap.style.removeProperty("visibility"); wrap.style.removeProperty("opacity"); wrap.style.removeProperty("height"); wrap.style.removeProperty("max-height"); wrap.style.setProperty("display", "block", "important"); wrap.style.setProperty("visibility", "visible", "important"); wrap.style.setProperty("opacity", "1", "important"); /* 标记打在评论根节点，避免外包层再套玻璃白卡 */ box.setAttribute("data-yf-fcircle-comments", "1"); if (wrap !== box) wrap.removeAttribute("data-yf-fcircle-comments"); }; ensureFcircleComments(); setTimeout(ensureFcircleComments, 400); setTimeout(ensureFcircleComments, 1200); renderFcircleCards(root); renderFishingCard(root); root.querySelector(".yf-fcircle-more-btn")?.addEventListener("click", () => { if (!fcircleState) return; fcircleState.visible = Math.min(fcircleState.visible + FCIRCLE_PAGE, fcircleState.items.length); renderFcircleCards(root); }); root.querySelector(".yf-fcircle-sort-switch")?.addEventListener("click", () => { if (!fcircleState) return; fcircleState.sortByPub = !fcircleState.sortByPub; renderFcircleCards(root); }); const refreshBtn = root.querySelector(".yf-fcircle-fish-refresh"); refreshBtn?.addEventListener("click", () => { refreshBtn.style.transform = "rotate(360deg)"; refreshBtn.style.transition = "transform 0.35s ease"; setTimeout(() => { refreshBtn.style.transform = ""; }, 360); renderFishingCard(root); }); }; /* React 水合可能回写占位壳：轮询兜底，直到 banner 挂上 */ const watchFcircleShell = () => { if (!/^\/fcircle\/?$/.test(location.pathname)) return; let tries = 0; const tick = () => { tries += 1; const shell = document.querySelector(".yf-fcircle"); const ready = document.querySelector(".yf-fcircle .yf-fcircle-banner"); if (ready) return; if (shell && /正在加载|yf-fcircle-toolbar/.test(shell.innerHTML || "")) { renderFcircle(); } if (tries < 20) setTimeout(tick, 400); }; setTimeout(tick, 200); }; /* —— 留言板右侧 aside（官方镜像无 React 侧栏时用 JS 注入，对齐首页） —— */ let commentsAsideCache = null; let commentsAsideInflight = false; const destroyCommentsAside = () => { document.querySelectorAll("#yf-comments-aside, .yf-comments-aside, .yf-comments-layout-js").forEach((el) => { if (el.classList.contains("yf-comments-layout-js")) { const main = el.querySelector(".yf-comments-maincol"); const parent = el.parentElement; if (main && parent) { while (main.firstChild) parent.insertBefore(main.firstChild, el); } } el.remove(); }); }; /** 只保留一套侧栏：作者/公告/公众号各一；去掉重复的 JS 注入副本 */ const dedupeCommentsAside = () => { const asides = Array.from(document.querySelectorAll("#yf-comments-aside, aside.yf-comments-aside")); asides.slice(1).forEach((el) => el.remove()); document.querySelectorAll(".yf-comments-aside").forEach((aside) => { aside.querySelectorAll(".yf-ca-wechat").forEach((card, i) => { if (i > 0) card.remove(); }); aside.querySelectorAll(".yf-ca-author").forEach((card, i) => { if (i > 0) card.remove(); }); aside.querySelectorAll(".yf-ca-announcement").forEach((card, i) => { if (i > 0) card.remove(); }); }); }; const hasReactCommentsSidebar = () => !!( document.querySelector("[data-yf-comments-layout] aside") || document.querySelector(".yf-comments-layout:not(.yf-comments-layout-js) aside[class*='asideContent']") || document.querySelector(".yf-comments-layout aside[class*='asideContent']") || document.querySelector("aside[class*='asideContent'] [class*='cardWechat']") ); const fetchSiteConfig = async () => { if (commentsAsideCache) return commentsAsideCache; try { const res = await fetch("/api/public/site-config", { cache: "force-cache" }); if (res.ok) { const j = await res.json(); commentsAsideCache = j.data || {}; return commentsAsideCache; } } catch (_) {} return {}; }; /** 留言板：拆掉套娃玻璃白卡，信封欢迎区与评论组件分离，不再二次包框 */ const enhanceCommentsBoard = () => { document.querySelectorAll(".yf-comments-board-js, .yf-comments-board").forEach((el) => { const parent = el.parentElement; if (!parent) return; while (el.firstChild) parent.insertBefore(el.firstChild, el); el.remove(); }); }; const enhanceCommentsAside = async () => { if (!/^\/comments\/?$/.test(location.pathname)) { destroyCommentsAside(); return; } // React 已提供侧栏：清掉 JS 注入，禁止并存 if (hasReactCommentsSidebar()) { destroyCommentsAside(); dedupeCommentsAside(); enhanceCommentsBoard(); return; } dedupeCommentsAside(); if (document.getElementById("yf-comments-aside")) { enhanceCommentsBoard(); return; } if (commentsAsideInflight) return; commentsAsideInflight = true; try { const cfg = await fetchSiteConfig(); // await 后再检一次，挡住 MutationObserver 重入与 React 迟到挂载 if (hasReactCommentsSidebar()) { destroyCommentsAside(); enhanceCommentsBoard(); return; } dedupeCommentsAside(); if (document.getElementById("yf-comments-aside")) { enhanceCommentsBoard(); return; } const avatar = cfg.USER_AVATAR || "/static/img/avatar.webp?v=20260829"; const name = cfg.frontDesk?.siteOwner?.name || cfg.APP_NAME || "云风"; const sub = cfg.SUB_TITLE || "知止不殆，守静致远"; const desc = cfg.sidebar?.author?.description || `

我是云风，欢迎留言交流。

`; const skills = cfg.sidebar?.author?.skills || ["✍️ 知止不殆，守静致远"]; const social = cfg.sidebar?.author?.social || []; const socialList = Array.isArray(social) ? social : Object.entries(social).map(([title, v]) => ({ title, ...(v || {}) })); let announcement = ""; try { const blocks = typeof cfg.CUSTOM_SIDEBAR === "string" ? JSON.parse(cfg.CUSTOM_SIDEBAR) : cfg.CUSTOM_SIDEBAR; if (Array.isArray(blocks) && blocks[0]?.content) announcement = blocks[0].content; } catch (_) {} if (!announcement) announcement = cfg.SITE_ANNOUNCEMENT || "

欢迎留言交流

"; /* 留言板等注入侧栏：正方形二维码；翻转卡仍用 face/backFace */ const wechatQr = "/static/img/wechat/qrcode.jpg?v=oa20260828"; const wechatBlur = cfg.sidebar?.wechat?.blurBackground || "/static/img/wechat/blur-bg.png?v=oa20260828"; const skill = skills[Math.floor(Math.random() * skills.length)] || "欢迎光临"; const socialHtml = socialList .map((s) => { const title = escapeHtml(s.title || ""); const link = escapeAttr(s.link || "#"); const icon = String(s.icon || ""); if (/^https?:\/\//.test(icon)) { return ``; } const glyph = /github/i.test(icon + title) ? "GH" : /mail|envelope/i.test(icon + title) ? "✉" : "·"; return ``; }) .join(""); const aside = document.createElement("aside"); aside.id = "yf-comments-aside"; aside.className = "yf-comments-aside"; aside.setAttribute("aria-label", "侧边栏"); aside.setAttribute("data-yf-aside-once", "1"); aside.innerHTML = `

${escapeHtml(skill)}

${desc}

${escapeHtml(name)}

${escapeHtml(sub)}

${socialHtml}

📢 公告

${announcement}

公众号 [微信]

快人一步获取最新文章

`; // 优先挂到已有双栏；避免误选 header / 顶层导致公告卡漂到顶栏 const pageRoot = document.querySelector("main .content-inner.yf-comments-layout") || document.querySelector("main .yf-comments-layout") || document.querySelector("main .content-inner") || document.querySelector("main .yf-page-article")?.parentElement || document.querySelector("main [class*='pageContent']") || document.querySelector("#frontend-main > div") || document.querySelector("main > div") || document.querySelector("main"); if (!pageRoot || pageRoot.closest("header") || pageRoot.tagName === "HEADER") return; if (pageRoot.classList.contains("content-inner") || pageRoot.classList.contains("yf-comments-layout")) { if (!pageRoot.querySelector("#yf-comments-aside, aside.yf-comments-aside")) { pageRoot.appendChild(aside); } } else { const wrap = document.createElement("div"); wrap.className = "content-inner yf-comments-layout yf-comments-layout-js"; const mainCol = document.createElement("div"); mainCol.className = "main-content yf-comments-maincol"; const parent = pageRoot.parentElement; if (!parent || parent.closest("header")) return; parent.insertBefore(wrap, pageRoot); mainCol.appendChild(pageRoot); wrap.appendChild(mainCol); wrap.appendChild(aside); } document.documentElement.classList.remove("yf-single-column", "hide-aside"); dedupeCommentsAside(); enhanceCommentsBoard(); } finally { commentsAsideInflight = false; } }; /* * 顶栏对比度（最小）：只打 data-yf-header-solid，交给 CUSTOM_CSS 改字色/底。 * 不再改写 className / 不再动 menusItem 的 z-index / display，避免挤坏 mainNav。 */ const syncHeaderContrast = () => { const html = document.documentElement; html.setAttribute("data-yf-header-solid", "1"); document.querySelector("header")?.setAttribute("data-yf-header-solid", "1"); }; const boot = () => { if (applying) return; applying = true; try { // hideLogin(); rotateHomeBg(); startParticles(); enhanceLoader(); patchAuthorAvatars(); patch404(); patchNavMenuIcons(); patchCommentSubmit(); patchBrandAndFavicon(); tidyFooterBadges(); renderFcircle(); watchFcircleShell(); enhanceCommentsAside(); enhanceCommentsBoard(); syncHeaderContrast(); } finally { applying = false; } }; const scheduleBoot = () => { if (bootScheduled || applying) return; bootScheduled = true; requestAnimationFrame(() => { bootScheduled = false; boot(); }); }; boot(); document.addEventListener("DOMContentLoaded", scheduleBoot); window.addEventListener("load", scheduleBoot); new MutationObserver(scheduleBoot).observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { "use strict"; /* ============================================================================ * 云风笺 · 复制提示 Snackbar（对齐安知鱼：顶栏 + 进度条动画） * 全站唯一复制成功提示入口；其它脚本请调用 window.yfSnackbarShow * ============================================================================ */ const COPY_TIP = "复制成功，复制和转载请标注本文地址"; const DEFAULT_MS = 2500; const ensureBar = () => { let bar = document.getElementById("yf-copy-snackbar"); if (bar) return bar; bar = document.createElement("div"); bar.id = "yf-copy-snackbar"; bar.setAttribute("role", "status"); bar.setAttribute("aria-live", "polite"); bar.innerHTML = '

'; document.body.appendChild(bar); return bar; }; /** * @param {string} text * @param {(() => void)|false} [onAction] * @param {number} [duration] * @param {string|false} [actionText] */ const snackbarShow = (text, onAction = false, duration = DEFAULT_MS, actionText = false) => { const bar = ensureBar(); const ms = typeof duration === "number" && duration > 0 ? duration : DEFAULT_MS; bar.replaceChildren(); const p = document.createElement("p"); p.className = "yf-snackbar-text"; p.textContent = text; bar.appendChild(p); if (typeof onAction === "function" && typeof actionText === "string" && actionText) { const btn = document.createElement("button"); btn.type = "button"; btn.className = "yf-snackbar-action"; btn.textContent = actionText; btn.addEventListener("click", () => { try { onAction(); } finally { hide(bar); } }); bar.appendChild(btn); } document.documentElement.style.setProperty("--yf-snackbar-time", `${ms}ms`); bar.classList.remove("show"); // 重触发进度条动画 void bar.offsetWidth; bar.classList.add("show"); clearTimeout(bar._yfTimer); bar._yfTimer = window.setTimeout(() => hide(bar), ms); }; const hide = (bar) => { bar.classList.remove("show"); }; window.yfSnackbarShow = snackbarShow; // 兼容旧脚本里对 anzhiyu.snackbarShow 的调用 window.anzhiyu = window.anzhiyu || {}; if (typeof window.anzhiyu.snackbarShow !== "function") { window.anzhiyu.snackbarShow = snackbarShow; } /* —— 整站复制提示（仅一处；文章版权水印由 AnHeYu post.copy 配置注入） —— */ const bindCopyTip = () => { if (window.__yfCopyTipBound) return; window.__yfCopyTipBound = true; document.addEventListener( "copy", (e) => { if (window.__yfSkipCopyTip) { window.__yfSkipCopyTip = false; return; } const sel = window.getSelection()?.toString() || ""; const fromEvent = e?.clipboardData?.getData?.("text/plain") || ""; if (sel.trim().length < 1 && fromEvent.trim().length < 1) return; snackbarShow(COPY_TIP); }, true ); }; /* —— 屏蔽 AnHeYu 内置绿色 HeroUI 复制 toast，避免与顶栏 Snackbar 重复 —— */ const suppressHeroCopyToast = () => { if (window.__yfHeroToastSuppressed) return; window.__yfHeroToastSuppressed = true; const MATCH = /复制成功[，,].*转载|复制和转载请标注本文地址/; const scrub = () => { document.querySelectorAll('[data-slot="title"], [data-slot="base"], [class*="toast"]').forEach((el) => { if (!(el instanceof HTMLElement)) return; if (el.id === "yf-copy-snackbar" || el.closest("#yf-copy-snackbar")) return; const text = (el.textContent || "").trim(); if (!MATCH.test(text)) return; const host = el.closest("li") || el.closest("[data-toast]") || el.closest('[class*="toast"]') || el.closest('[data-slot="base"]') || el; if (host.id === "yf-copy-snackbar") return; try { host.remove(); } catch (_) {} }); }; const obs = new MutationObserver(() => scrub()); const start = () => { if (!document.body) return; obs.observe(document.body, { childList: true, subtree: true }); scrub(); }; if (document.body) start(); else document.addEventListener("DOMContentLoaded", start); }; /* —— 版权水印（bubble 阶段覆盖为安知鱼格式；limit_count=50） —— */ const COPYRIGHT_LIMIT = 50; const SITE_NAME = "云风笺"; const AUTHOR = "云风"; const bindCopyrightWatermark = () => { if (window.__yfCopyCopyrightBound) return; window.__yfCopyCopyrightBound = true; document.addEventListener( "copy", (e) => { if (window.__yfSkipCopyTip) return; const sel = window.getSelection()?.toString() || ""; if (sel.length <= COPYRIGHT_LIMIT) return; const range = window.getSelection()?.rangeCount ? window.getSelection().getRangeAt(0) : null; if (!range) return; const node = range.commonAncestorContainer; const el = node.nodeType === 1 ? node : node.parentElement; if (!el) return; if (el.closest("pre, code, .code-block, [class*='codeBlock'], textarea, input")) return; const inPost = el.closest( "article, .post-content, .post-content-html, [class*='PostContent'], [class*='postContent'], #post, .article-container, [class*='articleContent'], main .prose, #article-container" ); if (!inPost) return; const url = window.location.href; const watermark = `作者: ${AUTHOR}\n链接: ${url}\n来源: ${SITE_NAME}\n著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。`; try { e.clipboardData?.setData("text/plain", `${sel}\n\n\n${watermark}`); e.preventDefault(); } catch (_) {} }, false ); }; bindCopyTip(); suppressHeroCopyToast(); bindCopyrightWatermark(); document.addEventListener("DOMContentLoaded", bindCopyTip); })(); (() => { "use strict"; /* ============================================================================ * 云风笺 · 邮箱复制（mailto） * 点击仍复制邮箱并尝试唤起客户端；成功时不再单独 toast（避免与全站复制提示重复） * ============================================================================ */ const EMAIL = "yunfeng-yu@outlook.com"; const SUBJECT = "来自云风笺的留言"; const BODY = "你好，云风：\n\n我想说：\n\n\n——来自云风笺访客"; const MAILTO = "mailto:" + EMAIL + "?subject=" + encodeURIComponent(SUBJECT) + "&body=" + encodeURIComponent(BODY); // 必须在点击同步栈里完成，否则会丢掉「用户手势」导致 clipboard 失败 const copyEmailSync = () => { // 静默复制：跳过全站 copy tip（邮箱场景不需要「转载请标注」） window.__yfSkipCopyTip = true; try { const ta = document.createElement("textarea"); ta.value = EMAIL; ta.setAttribute("readonly", ""); ta.style.cssText = "position:fixed;left:-9999px;top:0;opacity:0;"; document.body.appendChild(ta); ta.focus(); ta.select(); ta.setSelectionRange(0, EMAIL.length); const ok = document.execCommand("copy"); ta.remove(); if (ok) return true; } catch (_) {} try { if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(EMAIL); return true; } } catch (_) {} window.__yfSkipCopyTip = false; return false; }; const openMailClient = () => { try { const iframe = document.createElement("iframe"); iframe.style.display = "none"; iframe.src = MAILTO; document.body.appendChild(iframe); window.setTimeout(() => iframe.remove(), 1500); } catch (_) {} }; const onMailClick = (e) => { e.preventDefault(); e.stopPropagation(); if (typeof e.stopImmediatePropagation === "function") e.stopImmediatePropagation(); copyEmailSync(); openMailClient(); }; const isMailAnchor = (el) => { if (!el || el.nodeType !== 1) return false; if (el.id === "yf-mail-link" || el.getAttribute("data-yf-mail") === "1") return true; const href = (el.getAttribute("href") || "").trim(); if (/^mailto:/i.test(href)) return true; const title = (el.getAttribute("title") || "") + (el.getAttribute("aria-label") || ""); if (/email|邮件|邮箱|envelope/i.test(title) && /mailto:|yunfeng-yu@outlook\.com/i.test(href + el.outerHTML)) { return true; } return false; }; const bindOne = (a) => { if (!isMailAnchor(a)) return; a.setAttribute("href", MAILTO); a.setAttribute("data-yf-mail", "1"); a.setAttribute("title", a.getAttribute("title") || "复制邮箱"); a.removeAttribute("target"); a.setAttribute("rel", "noopener noreferrer"); a.setAttribute("data-no-instant", ""); a.setAttribute("data-pjax-state", "external"); if (a.dataset.yfMailBound === "1") return; a.dataset.yfMailBound = "1"; a.addEventListener("click", onMailClick, true); }; const bind = () => { document.querySelectorAll('a[href^="mailto:"], #yf-mail-link, a[data-yf-mail]').forEach(bindOne); document .querySelectorAll('a[title*="Email" i], a[title*="email" i], a[aria-label*="Email" i], a[aria-label*="邮件"]') .forEach(bindOne); }; bind(); document.addEventListener("DOMContentLoaded", bind); document.addEventListener("pjax:complete", bind); const obs = new MutationObserver(() => bind()); obs.observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { const mount = () => { const tips = document.querySelector("#footer-bar-tips"); if (!tips || tips.querySelector(".yf-site-status")) return; const el = document.createElement("div"); el.className = "yf-site-status"; el.innerHTML = '所有业务正常'; tips.appendChild(el); }; mount(); document.addEventListener("DOMContentLoaded", mount); document.addEventListener("pjax:complete", mount); // footer 异步出现时补挂一次，避免只在 head 执行时找不到节点 const obs = new MutationObserver(() => { if (document.querySelector(".yf-site-status")) { obs.disconnect(); return; } mount(); }); obs.observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { "use strict"; /* 全局单例：避免 CUSTOM_JS 被挂两次时信封/菜单增强双跑 */ if (window.__yfRightMenuEnhance) return; window.__yfRightMenuEnhance = 1; /* ============================================================================ * 云风笺 · 右键菜单增强（CUSTOM_JS） * - 无选中：补「站内搜索」入口 * - 有选中：确保复制选中 / 引用到评论 / 站内搜索 / 百度搜索（对齐安知鱼选中态） * - 桥接 quote-text-to-comment → comment-form-set-quote（主题事件名不一致） * - 保留热评 / 简繁 / 音乐胶囊补充项 * ============================================================================ */ const ZH_SCRIPT = "/static/js/yf-zh-convert.js"; const FALLBACK_AVATAR = "/static/img/avatar.webp?v=20260829"; const MUSIC_PAGE = "/music/"; const TITLE_MOTTO = "知止不殆，守静致远"; const loadZh = () => new Promise((resolve) => { if (window.yfZhConvert) return resolve(window.yfZhConvert); const existed = document.querySelector(`script[src="${ZH_SCRIPT}"]`); if (existed) { existed.addEventListener("load", () => resolve(window.yfZhConvert)); return; } const s = document.createElement("script"); s.src = ZH_SCRIPT; s.onload = () => resolve(window.yfZhConvert); s.onerror = () => resolve(null); document.head.appendChild(s); }); /* 复用 copy-snackbar.js 的统一提示（繁简/热评等非复制场景） */ const toast = (text) => { if (typeof window.yfSnackbarShow === "function") { window.yfSnackbarShow(text); return; } if (window.anzhiyu && typeof window.anzhiyu.snackbarShow === "function") { window.anzhiyu.snackbarShow(text); } }; /* —— 简洁 title：站名 - 座右铭（覆盖服务端把 SITE_DESCRIPTION 拼进 title） —— */ const fixTitle = () => { const wantHome = `云风笺 - ${TITLE_MOTTO}`; const path = location.pathname || "/"; if (path === "/" || path === "") { if (document.title !== wantHome) document.title = wantHome; return; } let t = document.title || ""; if (/云风笺是云风/.test(t) || (t.includes("云风笺 - ") && t.length > 40)) { if (t.includes("|")) { document.title = t.replace(/\s*-\s*云风笺是云风[^|]*/g, "").replace(/\s{2,}/g, " ").trim(); } else { document.title = wantHome; } } }; /* —— 评论头像：坏图 / 默认脸 → 昵称首字 letter avatar —— */ const LETTER_COLORS = ["#4259ef", "#0ea5e9", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#14b8a6", "#f97316"]; const makeLetterAvatar = (name) => { const ch = String(name || "?").trim().charAt(0) || "?"; const color = LETTER_COLORS[ch.charCodeAt(0) % LETTER_COLORS.length]; const canvas = document.createElement("canvas"); canvas.width = 140; canvas.height = 140; const ctx = canvas.getContext("2d"); if (!ctx) return FALLBACK_AVATAR; ctx.fillStyle = color; ctx.fillRect(0, 0, 140, 140); ctx.fillStyle = "#fff"; ctx.font = "bold 64px 'PingFang SC','Microsoft YaHei',sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(ch.toUpperCase(), 70, 74); return canvas.toDataURL("image/png"); }; const patchAvatars = () => { document.querySelectorAll('img[alt="avatar"], img[class*="commentAvatar"], img[class*="replyAvatar"]').forEach((img) => { if (img.dataset.yfAvatarPatched) return; img.dataset.yfAvatarPatched = "1"; const applyFallback = () => { if (img.dataset.yfAvatarFallback) return; img.dataset.yfAvatarFallback = "1"; const item = img.closest("[class*='commentItem'], [class*='CommentItem'], [class*='replyItem'], li, article"); const nick = item?.querySelector("[class*='nickname'], [class*='Nickname'], .nickname")?.textContent?.trim() || "?"; const src = img.currentSrc || img.src || ""; if (/qlogo\.cn/.test(src)) { img.src = makeLetterAvatar(nick); return; } const md5 = (src.match(/\/avatar\/([a-f0-9]{32})/i) || [])[1]; if (md5 && !/d=letter/i.test(src)) { img.src = `https://weavatar.com/avatar/${md5}?s=140&d=letter`; img.addEventListener( "error", () => { img.src = makeLetterAvatar(nick); }, { once: true } ); return; } img.src = makeLetterAvatar(nick); }; img.addEventListener("error", applyFallback); if (!img.getAttribute("src") || img.naturalWidth === 0) { setTimeout(() => { if (!img.complete || img.naturalWidth === 0) applyFallback(); }, 1200); } }); }; /* —— 引用事件桥：RightMenu 派发 quote-text-to-comment，评论表单听 comment-form-set-quote —— */ if (!window.__yfQuoteBridge) { window.__yfQuoteBridge = true; window.addEventListener("quote-text-to-comment", (event) => { const quoteText = String(event?.detail?.quoteText || "").trim(); if (!quoteText) return; window.dispatchEvent( new CustomEvent("comment-form-set-quote", { detail: { text: quoteText, targetPath: location.pathname }, }) ); const el = document.getElementById("post-comment") || document.querySelector("[class*='CommentSection']") || document.querySelector("[class*='commentForm']"); if (el) el.scrollIntoView({ behavior: "smooth", block: "center" }); }); } const getSelectedText = () => { const sel = window.getSelection(); if (!sel || sel.isCollapsed) return ""; return String(sel.toString() || "").trim(); }; const hasCommentUi = () => !!( document.getElementById("post-comment") || document.querySelector("[class*='CommentSection']") || document.querySelector("[class*='CommentForm']") || /^\/(posts|comments)\b/i.test(location.pathname) ); const menuHas = (menu, re) => [...menu.querySelectorAll('[class*="menuItem"]')].some((el) => re.test(el.textContent || "")); const hideMenu = () => { window.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true })); }; const cloneItem = (menu, label, onClick) => { const sample = [...menu.querySelectorAll('[class*="menuItem"]')].find((el) => el.querySelector("span")); if (!sample) return null; const item = sample.cloneNode(true); item.setAttribute("data-yf-rm", "1"); const span = item.querySelector("span"); if (span) span.textContent = label; item.addEventListener( "click", (e) => { e.preventDefault(); e.stopPropagation(); try { onClick(); } finally { hideMenu(); } }, true ); return item; }; const ensureGroup = (menu, key, beforeCommon) => { let g = menu.querySelector(`[data-yf-rm-group="${key}"]`); if (g) return g; const sampleGroup = [...menu.children].find((el) => /menuGroup|menu-group/i.test(el.className || "")); g = document.createElement("div"); g.setAttribute("data-yf-rm-group", key); if (sampleGroup && sampleGroup.className) { g.className = sampleGroup.className; } else { g.style.cssText = "display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:2px dashed var(--anzhiyu-theme-op, rgba(0,0,0,.12));width:100%;"; } if (beforeCommon) { const groups = [...menu.children].filter((el) => !el.hasAttribute("data-yf-rm-group")); const last = groups[groups.length - 1]; if (last) menu.insertBefore(g, last); else menu.appendChild(g); } else { menu.appendChild(g); } return g; }; const clearYfGroups = (menu) => { menu.querySelectorAll("[data-yf-rm-group]").forEach((n) => n.remove()); menu.querySelectorAll("[data-yf-rm]").forEach((n) => n.remove()); }; const isTraditional = () => document.documentElement.lang === "zh-TW" || document.documentElement.dataset.yfZh === "tw"; const openSiteSearch = (keyword) => { window.dispatchEvent( new CustomEvent("frontend-open-search", { detail: typeof keyword === "string" ? { keyword } : {}, }) ); }; const copyText = async (text) => { if (!text) { toast("请先选择文本"); return; } try { await navigator.clipboard.writeText(text); toast("复制成功，复制和转载请标注本文地址"); } catch (_) { toast("复制失败，请重试"); } }; const quoteText = (text) => { if (!text) { toast("请先选择文本"); return; } window.dispatchEvent(new CustomEvent("quote-text-to-comment", { detail: { quoteText: text } })); toast("已引用到评论"); }; const toggleBarrage = () => { const btn = document.querySelector('button[aria-label="热评开关"]'); if (btn) { btn.click(); return; } try { const key = "anheyu-ui-store"; const raw = localStorage.getItem(key); const data = raw ? JSON.parse(raw) : { state: {} }; data.state = data.state || {}; const next = !(data.state.isCommentBarrageVisible !== false); data.state.isCommentBarrageVisible = next; localStorage.setItem(key, JSON.stringify(data)); document.documentElement.classList.toggle("yf-barrage-off", !next); toast(next ? "热评弹幕已开启" : "热评弹幕已关闭"); } catch (_) { document.documentElement.classList.toggle("yf-barrage-off"); } }; const musicReady = () => { const el = document.getElementById("nav-music"); if (!el) return false; const st = getComputedStyle(el); return st.display !== "none" && st.visibility !== "hidden"; }; let enhancingMenu = false; const enhanceMenu = () => { if (enhancingMenu) return; const menu = document.getElementById("rightMenu"); if (!menu) return; const visible = /\bvisible\b/.test(menu.className) && !/\bhiding\b/.test(menu.className); if (!visible) { clearYfGroups(menu); delete menu.dataset.yfRmSig; return; } const selected = getSelectedText(); const sig = [ selected ? "sel" : "nosel", selected.slice(0, 32), hasCommentUi() ? "c1" : "c0", musicReady() ? "m1" : "m0", menuHas(menu, /站内搜索/) ? "s1" : "s0", menuHas(menu, /复制选中/) ? "cp1" : "cp0", menuHas(menu, /引用到评论/) ? "q1" : "q0", menuHas(menu, /百度搜索/) ? "b1" : "b0", menuHas(menu, /热评/) ? "h1" : "h0", menuHas(menu, /繁体|简体|繁體|簡體/) ? "z1" : "z0", ].join("|"); if (menu.dataset.yfRmSig === sig) return; enhancingMenu = true; try { clearYfGroups(menu); const textGroup = ensureGroup(menu, "text-search", true); const append = (label, fn) => { const item = cloneItem(menu, label, fn); if (item) textGroup.appendChild(item); }; if (selected) { if (!menuHas(menu, /复制选中/)) append("复制选中文本", () => copyText(selected)); if (hasCommentUi() && !menuHas(menu, /引用到评论/)) append("引用到评论", () => quoteText(selected)); if (!menuHas(menu, /站内搜索/)) append("站内搜索", () => openSiteSearch(selected)); if (!menuHas(menu, /百度搜索/)) { append("百度搜索", () => { window.open(`https://www.baidu.com/s?wd=${encodeURIComponent(selected)}`, "_blank", "noopener,noreferrer"); }); } } else if (!menuHas(menu, /站内搜索/)) { append("站内搜索", () => openSiteSearch("")); } if (!textGroup.childElementCount) textGroup.remove(); const extraGroup = ensureGroup(menu, "extra", false); const appendExtra = (label, fn) => { const item = cloneItem(menu, label, fn); if (item) extraGroup.appendChild(item); }; if (!menuHas(menu, /热评/)) { const off = document.documentElement.classList.contains("yf-barrage-off"); appendExtra(off ? "显示热评" : "关闭热评", toggleBarrage); } if (!menuHas(menu, /繁体|简体|繁體|簡體/)) { appendExtra(isTraditional() ? "转为简体" : "转为繁体", async () => { const api = await loadZh(); if (!api) { toast("简繁转换加载失败"); return; } const toTw = !isTraditional(); api.translateBody(toTw ? api.toTraditional : api.toSimplified); document.documentElement.lang = toTw ? "zh-TW" : "zh-CN"; document.documentElement.dataset.yfZh = toTw ? "tw" : "cn"; toast(toTw ? "已转为繁体" : "已转为简体"); }); } if (musicReady() && !menuHas(menu, /上一首|下一首|播放|暂停/)) { appendExtra("播放/暂停", () => window.dispatchEvent(new CustomEvent("music-player-toggle-play"))); appendExtra("上一首", () => window.dispatchEvent(new CustomEvent("music-player-previous"))); appendExtra("下一首", () => window.dispatchEvent(new CustomEvent("music-player-next"))); appendExtra("复制歌名", () => window.dispatchEvent(new CustomEvent("music-player-get-song-name"))); appendExtra("音乐馆", () => { location.href = MUSIC_PAGE; }); } if (!extraGroup.childElementCount) extraGroup.remove(); // 写入签名时用「注入后」状态，避免立即再次重建 menu.dataset.yfRmSig = [ selected ? "sel" : "nosel", selected.slice(0, 32), hasCommentUi() ? "c1" : "c0", musicReady() ? "m1" : "m0", menuHas(menu, /站内搜索/) ? "s1" : "s0", menuHas(menu, /复制选中/) ? "cp1" : "cp0", menuHas(menu, /引用到评论/) ? "q1" : "q0", menuHas(menu, /百度搜索/) ? "b1" : "b0", menuHas(menu, /热评/) ? "h1" : "h0", menuHas(menu, /繁体|简体|繁體|簡體/) ? "z1" : "z0", ].join("|"); } finally { enhancingMenu = false; } }; /* 留言板信封顶部图：强制站点头像 */ const patchEnvelopeAvatar = () => { document.querySelectorAll(".yf-env-headerimg").forEach((img) => { if (!(img instanceof HTMLImageElement)) return; if (!img.src.includes("avatar.jpg")) { img.src = "/static/img/avatar.webp?v=20260829"; img.alt = "云风"; } }); }; const ENVELOPE_SELECTORS = [ "#yf-comments-hero", "#yf-envelope", "#yf-maincontent", "#yf-form-wrap", "#yf-beforeimg", "#yf-afterimg", "[id^='yf-envelope']", ".yf-comments-decor", ".yf-float-icon", "[data-yf-comments-hero]", ]; const destroyCommentsEnvelope = () => { ENVELOPE_SELECTORS.forEach((sel) => { document.querySelectorAll(sel).forEach((el) => { try { el.remove(); } catch (_) {} }); }); if (window.__yfEnvelopeObserver) { try { window.__yfEnvelopeObserver.disconnect(); } catch (_) {} window.__yfEnvelopeObserver = null; } delete document.documentElement.dataset.yfCommentsAsideForced; }; const enhanceCommentsHero = () => { if (!/^\/comments\/?$/.test(location.pathname)) { destroyCommentsEnvelope(); return; } // 留言板默认展示右侧 aside（对齐首页）；仅进入时清一次单栏偏好 if (document.documentElement.dataset.yfCommentsAsideForced !== "1") { document.documentElement.classList.remove("yf-single-column", "hide-aside"); document.documentElement.dataset.yfCommentsAsideForced = "1"; } if (document.getElementById("yf-comments-hero")) return; const main = document.querySelector(".yf-page-article") || document.querySelector("main [class*='pageContent']") || document.querySelector("main article") || document.querySelector(".main-content") || document.querySelector("main") || document.querySelector("#body-wrap"); if (!main) return; const hero = document.createElement("div"); hero.id = "yf-comments-hero"; hero.setAttribute("data-yf-comments-hero", "1"); hero.innerHTML = `

来自云风的留言：

有什么想问的？

有什么想说的？

有什么想交流的？

哪怕只是打个招呼，也欢迎留言~

云风在此，知止不殆，守静致远。

`; const anchor = main.querySelector("h1, [class*='pageTitle'], [class*='PageTitle']") || main.firstElementChild; if (anchor && anchor.parentElement) anchor.insertAdjacentElement("afterend", hero); else main.insertAdjacentElement("afterbegin", hero); }; /* —— 朋友圈 banner：由 anheyu-theme-bridge 注入安和鱼结构，此处不再重复插入 —— */ const enhanceFcircle = () => { if (!/^\/fcircle\/?$/.test(location.pathname)) return; const box = document.querySelector(".yf-fcircle"); if (!box) return; box.dataset.yfBanner = "1"; }; /* 友人帐：我的友链多格式 tabs + 复制 */ const enhanceFlinkTabs = () => { document.querySelectorAll("[data-yf-flink-tabs]").forEach((root) => { if (root.dataset.yfTabsBound === "1") return; root.dataset.yfTabsBound = "1"; const tabs = root.querySelectorAll(".yf-flink-tab"); const panels = root.querySelectorAll(".yf-flink-panel"); tabs.forEach((tab) => { tab.addEventListener("click", () => { const key = tab.getAttribute("data-tab"); tabs.forEach((t) => { const on = t === tab; t.classList.toggle("is-active", on); t.setAttribute("aria-selected", on ? "true" : "false"); }); panels.forEach((p) => { const on = p.getAttribute("data-panel") === key; p.classList.toggle("is-active", on); if (on) p.removeAttribute("hidden"); else p.setAttribute("hidden", ""); }); }); }); root.querySelectorAll("[data-yf-copy]").forEach((btn) => { btn.addEventListener("click", async () => { const panel = btn.closest(".yf-flink-panel"); const text = panel?.querySelector("pre")?.innerText || ""; try { await navigator.clipboard.writeText(text); const old = btn.textContent; btn.textContent = "已复制"; setTimeout(() => { btn.textContent = old || "复制"; }, 1200); } catch (_) { btn.textContent = "失败"; } }); }); }); /* 条件区文案对齐参考站 */ document.querySelectorAll(".space-y-8 > .rounded-xl.border").forEach((card) => { const h = card.querySelector("h3"); const p = card.querySelector("p.text-sm, p"); if (h && /申请条件/.test(h.textContent || "")) h.textContent = "请勾选你符合的条件:"; if (p && /请先确认满足/.test(p.textContent || "")) p.style.display = "none"; card.setAttribute("data-yf-flink-conditions", "1"); }); }; const syncBarrageClass = () => { try { const raw = localStorage.getItem("anheyu-ui-store"); const data = raw ? JSON.parse(raw) : null; const visible = data?.state?.isCommentBarrageVisible !== false; document.documentElement.classList.toggle("yf-barrage-off", !visible); } catch (_) {} }; let lastPath = location.pathname; const onRouteMaybeChanged = () => { if (location.pathname === lastPath) return; lastPath = location.pathname; if (!/^\/comments\/?$/.test(lastPath)) destroyCommentsEnvelope(); }; const boot = () => { try { onRouteMaybeChanged(); fixTitle(); patchAvatars(); enhanceMenu(); enhanceCommentsHero(); patchEnvelopeAvatar(); enhanceFcircle(); enhanceFlinkTabs(); syncBarrageClass(); } catch (_) { /* 增强脚本失败不应拖垮整页 React error boundary */ } }; boot(); document.addEventListener("DOMContentLoaded", boot); window.addEventListener("load", boot); window.addEventListener("popstate", () => { lastPath = ""; boot(); }); ["pushState", "replaceState"].forEach((method) => { const orig = history[method]; if (typeof orig !== "function" || orig.__yfEnvelopePatched) return; history[method] = function (...args) { const ret = orig.apply(this, args); queueMicrotask(boot); return ret; }; history[method].__yfEnvelopePatched = true; }); let moTimer = 0; new MutationObserver(() => { if (moTimer) return; moTimer = window.setTimeout(() => { moTimer = 0; boot(); }, 80); }).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"], }); })(); (() => { "use strict"; /* ============================================================================ * 云风笺 · 右侧功能栏 #yf-rightside（对齐安知鱼竖排蓝钮） * 默认只显示：设置 · 跳评论 · 回顶 * 点击「设置」展开：繁简 · 主题；（仅文章页额外）阅读模式 · 单双栏 * 注意：CUSTOM_JS 在注入，禁止在 body 就绪前 appendChild。 * ============================================================================ */ if (window.__yfRightsideBooted) return; window.__yfRightsideBooted = 1; const DOM_VER = "10"; // bump：阅读模式保留文章 Hero，仅隐藏站点导航 const ZH_SCRIPT = "/static/js/yf-zh-convert.js"; const STORAGE_COL = "yf-column-mode"; // double | single const STORAGE_ZH = "yf-zh-mode"; // cn | tw const ICONS = { read: ``, theme: ``, /* 单双栏：arrows-left-right（对齐安知鱼 anzhiyu-icon-arrows-left-right） */ column: ``, gear: ``, comment: ``, top: ``, }; /** 文章详情：/posts/:id 或 /post/:id；DOM 兜底防 SPA 瞬时 pathname 未就绪 */ const isPostPage = () => { const path = location.pathname || ""; if (/^\/posts\/[^/]+\/?$/i.test(path)) return true; if (/^\/post\/[^/]+\/?$/i.test(path)) return true; try { return !!( document.querySelector("[data-post-content]") || document.querySelector("[class*='postDetailContainer']") || document.querySelector("main[class*='postContentInner']") ); } catch (_) { return false; } }; /** * 将当前 AnHeYu CSS Modules 文章 DOM 映射为稳定语义节点。 * 查找严格限制在父子层级内，避免用 :has() 把 .frontend-layout 祖先误当文章布局。 */ const markPostReadModeDom = () => { const detail = document.querySelector("[class*='postDetailContainer']"); if (!(detail instanceof HTMLElement)) return null; const directChild = (parent, token, tagName) => Array.from(parent.children).find( (node) => node instanceof HTMLElement && (!tagName || node.tagName === tagName) && String(node.className).includes(token) ); const mark = (node, name) => { if (node instanceof HTMLElement) node.dataset[name] = "1"; return node; }; const frontendLayout = document.getElementById("frontend-layout"); const nav = frontendLayout instanceof HTMLElement ? Array.from(frontendLayout.children).find((node) => node instanceof HTMLElement && node.tagName === "HEADER") : null; mark(nav, "yfReadNav"); mark(detail, "yfPostDetail"); const hero = mark(directChild(detail, "postHeaderContainer"), "yfReadHero"); const layout = mark(directChild(detail, "layout"), "yfPostLayout"); mark(directChild(detail, "footerBar"), "yfPostFooterbar"); mark(directChild(detail, "paginationFloat"), "yfPostPaginationFloat"); mark(directChild(detail, "commentBarrage"), "yfPostCommentBarrage"); if (layout instanceof HTMLElement) { const contentInner = mark(directChild(layout, "postContentInner", "MAIN"), "yfPostContentInner"); mark(directChild(layout, "postSidebar", "ASIDE"), "yfPostSidebar"); if (contentInner instanceof HTMLElement) { const card = mark(directChild(contentInner, "postDetailContent"), "yfPostCard"); if (card instanceof HTMLElement) { const hiddenTokens = [ "postCopyright", "PostCopyright", "postTagBar", "relatedPosts", "PostRelated", "paginationInline", "commentSection", "CommentSection", ]; Array.from(card.children).forEach((node) => { if (!(node instanceof HTMLElement)) return; const className = String(node.className); if (node.hasAttribute("data-custom-post-html") || hiddenTokens.some((token) => className.includes(token))) { node.dataset.yfReadHidden = "1"; } }); } } } return { detail, hero, layout, nav }; }; const clearPostReadModeDom = () => { const markers = [ "data-yf-read-nav", "data-yf-read-hero", "data-yf-post-detail", "data-yf-post-layout", "data-yf-post-content-inner", "data-yf-post-card", "data-yf-post-sidebar", "data-yf-post-footerbar", "data-yf-post-pagination-float", "data-yf-post-comment-barrage", "data-yf-read-hidden", ]; markers.forEach((attribute) => { document.querySelectorAll(`[${attribute}]`).forEach((node) => node.removeAttribute(attribute)); }); }; const loadZh = () => new Promise((resolve) => { if (window.yfZhConvert) return resolve(window.yfZhConvert); const existed = document.querySelector(`script[src="${ZH_SCRIPT}"]`); if (existed) { existed.addEventListener("load", () => resolve(window.yfZhConvert), { once: true }); return; } const s = document.createElement("script"); s.src = ZH_SCRIPT; s.onload = () => resolve(window.yfZhConvert); s.onerror = () => resolve(null); (document.head || document.documentElement).appendChild(s); }); const isDark = () => document.documentElement.classList.contains("dark") || document.documentElement.getAttribute("data-theme") === "dark"; const toggleTheme = () => { const btn = document.querySelector('button[aria-label="显示模式切换"]') || document.querySelector('button[aria-label*="主题"]') || document.querySelector('button[aria-label*="深色"]') || document.querySelector('[class*="console"] button[aria-label*="模式"]'); if (btn) { btn.click(); return; } const html = document.documentElement; const nextDark = !isDark(); html.classList.toggle("dark", nextDark); html.classList.toggle("light", !nextDark); html.setAttribute("data-theme", nextDark ? "dark" : "light"); html.style.colorScheme = nextDark ? "dark" : "light"; try { localStorage.setItem("theme", nextDark ? "dark" : "light"); } catch (_) {} }; const toggleZh = async () => { const api = await loadZh(); if (!api) return; const cur = document.documentElement.dataset.yfZh || localStorage.getItem(STORAGE_ZH) || "cn"; const toTw = cur !== "tw"; api.translateBody(toTw ? api.toTraditional : api.toSimplified); document.documentElement.lang = toTw ? "zh-TW" : "zh-CN"; document.documentElement.dataset.yfZh = toTw ? "tw" : "cn"; try { localStorage.setItem(STORAGE_ZH, toTw ? "tw" : "cn"); } catch (_) {} const btn = document.getElementById("yf-rs-zh"); if (btn) btn.textContent = toTw ? "简" : "繁"; }; const syncColumnBtn = () => { const btn = document.getElementById("hide-aside-btn"); if (!btn) return; const single = document.documentElement.classList.contains("hide-aside"); const key = single ? "single" : "double"; /* 未变化时禁止写 title/aria，减少无意义 DOM 抖动 */ if (btn.dataset.yfColState === key) return; btn.dataset.yfColState = key; btn.title = single ? "切换双栏" : "单栏和双栏切换"; btn.setAttribute("aria-label", single ? "切换双栏" : "单栏和双栏切换"); btn.setAttribute("aria-pressed", single ? "true" : "false"); }; const applyColumnMode = (single) => { const html = document.documentElement; html.classList.toggle("hide-aside", single); html.classList.toggle("yf-single-column", single); try { localStorage.setItem(STORAGE_COL, single ? "single" : "double"); } catch (_) {} syncColumnBtn(); }; const toggleColumn = () => { if (!isPostPage()) return; const single = !document.documentElement.classList.contains("hide-aside"); applyColumnMode(single); }; /* 对齐 Hexo 安知鱼：只切 body.read-mode，正文留在文档流——禁止 modal/overlay 白卡片 */ let readModeEscBound = false; let readModeReturnFocus = null; const isReadModeOn = () => document.body.classList.contains("read-mode") || document.documentElement.classList.contains("read-mode"); /** 读模式时强制藏右栏/音乐（它们可能带 inline !important，纯 CSS 压不住） */ const applyReadModeChrome = (on) => { const rs = document.getElementById("yf-rightside"); if (rs) { if (on) { rs.style.setProperty("display", "none", "important"); rs.style.setProperty("visibility", "hidden", "important"); rs.style.setProperty("opacity", "0", "important"); rs.style.setProperty("pointer-events", "none", "important"); } else { rs.style.removeProperty("display"); rs.style.removeProperty("visibility"); rs.style.removeProperty("opacity"); rs.style.removeProperty("pointer-events"); } } const music = document.getElementById("nav-music"); if (music) { if (on) { music.style.setProperty("display", "none", "important"); music.style.setProperty("visibility", "hidden", "important"); music.style.setProperty("pointer-events", "none", "important"); } else { music.style.removeProperty("display"); music.style.removeProperty("visibility"); music.style.removeProperty("pointer-events"); } } /* 旧版白卡片模态残留 */ document.getElementById("yf-read-overlay")?.remove(); document.querySelectorAll(".yf-read-overlay, .yf-read-panel").forEach((el) => el.remove()); }; const closeReadMode = () => { /* html 上的类仅用于清理历史版本残留；真实状态与 Hexo 一致放在 body。 */ document.documentElement.classList.remove("read-mode", "yf-read-mode"); document.body.classList.remove("read-mode", "yf-read-mode"); document.getElementById("yf-exit-readmode")?.remove(); document.querySelectorAll(".exit-readmode").forEach((el) => el.remove()); applyReadModeChrome(false); clearPostReadModeDom(); const readModeButton = document.getElementById("readmode"); if (readModeButton) readModeButton.setAttribute("aria-pressed", "false"); if (readModeEscBound) { document.removeEventListener("keydown", onReadModeEsc); readModeEscBound = false; } if (readModeReturnFocus?.isConnected) { readModeReturnFocus.focus({ preventScroll: true }); } readModeReturnFocus = null; }; const onReadModeEsc = (e) => { if (e.key === "Escape") closeReadMode(); }; const openReadMode = () => { if (!isPostPage()) return; clearPostReadModeDom(); if (!markPostReadModeDom()) return; /* 先清残留再开，避免重复 exit 钮 */ document.getElementById("yf-exit-readmode")?.remove(); document.querySelectorAll(".exit-readmode").forEach((el) => el.remove()); document.getElementById("yf-read-overlay")?.remove(); readModeReturnFocus = document.activeElement instanceof HTMLElement ? document.activeElement : null; document.documentElement.classList.remove("read-mode", "yf-read-mode"); document.body.classList.add("read-mode"); document.getElementById("readmode")?.setAttribute("aria-pressed", "true"); applyReadModeChrome(true); const exit = document.createElement("button"); exit.type = "button"; exit.id = "yf-exit-readmode"; exit.className = "exit-readmode"; exit.title = "退出阅读模式"; exit.setAttribute("aria-label", "退出阅读模式"); exit.textContent = "×"; exit.addEventListener("click", (e) => { e.preventDefault(); e.stopPropagation(); closeReadMode(); }); document.body.appendChild(exit); exit.focus({ preventScroll: true }); if (!readModeEscBound) { document.addEventListener("keydown", onReadModeEsc); readModeEscBound = true; } }; const toggleReadMode = () => { if (!isPostPage()) return; if (isReadModeOn()) closeReadMode(); else openReadMode(); }; const setExpanded = (wrap, on) => { if (!wrap) return; const expanded = !!on; wrap.classList.toggle("yf-rs-expanded", expanded); const gear = wrap.querySelector("#yf-rs-gear"); if (gear) gear.setAttribute("aria-expanded", expanded ? "true" : "false"); const hide = wrap.querySelector("#yf-rs-hide"); if (hide) hide.setAttribute("aria-hidden", expanded ? "false" : "true"); }; const toggleSettings = (ev) => { if (ev) { ev.preventDefault(); ev.stopPropagation(); } const wrap = document.getElementById("yf-rightside"); if (!wrap) return; setExpanded(wrap, !wrap.classList.contains("yf-rs-expanded")); }; /* 主题切换：点完不收起面板，保持展开直到 mouseleave */ const onThemeClick = (ev) => { if (ev) { ev.preventDefault(); ev.stopPropagation(); } const wrap = document.getElementById("yf-rightside"); toggleTheme(); if (wrap) setExpanded(wrap, true); }; const scrollTop = () => window.scrollTo({ top: 0, behavior: "smooth" }); const scrollComment = () => { const el = document.getElementById("post-comment") || document.querySelector("[id*='comment']") || document.querySelector("[class*='CommentSection']") || document.querySelector(".yf-comments-hero"); if (el) { el.scrollIntoView({ behavior: "smooth", block: "start" }); return; } if (/^\/comments\/?$/.test(location.pathname)) { window.scrollTo({ top: document.body.scrollHeight / 2, behavior: "smooth" }); return; } location.href = "/comments/"; }; const syncState = (wrap) => { if (!wrap) return; wrap.classList.add("yf-rs-show-top"); const onPost = isPostPage(); if (onPost && isReadModeOn()) markPostReadModeDom(); const hasComment = !!( document.getElementById("post-comment") || document.querySelector("[class*='CommentSection']") || /^\/(posts|post|comments|fcircle)\b/i.test(location.pathname) ); wrap.classList.toggle("yf-rs-has-comment", hasComment); wrap.classList.toggle("yf-rs-on-post", onPost); if (!onPost) { if (isReadModeOn()) { closeReadMode(); } /* 非文章页清掉单栏，避免污染首页布局 */ if (document.documentElement.classList.contains("hide-aside")) { document.documentElement.classList.remove("hide-aside", "yf-single-column"); } } syncColumnBtn(); }; const bindOnce = (el, fn) => { if (!el || el.dataset.yfBound === "1") return; el.dataset.yfBound = "1"; el.addEventListener("click", fn); }; let moQuiet = false; let moQueued = false; const ensure = () => { try { if (!document.body) return false; moQuiet = true; let wrap = document.getElementById("yf-rightside"); if (wrap && wrap.getAttribute("data-yf-rs-ver") !== DOM_VER) { wrap.remove(); wrap = null; } if (!wrap) { wrap = document.createElement("div"); wrap.id = "yf-rightside"; wrap.setAttribute("aria-label", "右侧功能栏"); wrap.setAttribute("data-yf-rightside", "1"); wrap.setAttribute("data-yf-rs-ver", DOM_VER); /* id 对齐 hexo：#readmode / #hide-aside-btn */ wrap.innerHTML = ` `; document.body.appendChild(wrap); bindOnce(wrap.querySelector("#readmode"), toggleReadMode); bindOnce(wrap.querySelector("#yf-rs-zh"), toggleZh); bindOnce(wrap.querySelector("#yf-rs-theme"), onThemeClick); bindOnce(wrap.querySelector("#hide-aside-btn"), toggleColumn); bindOnce(wrap.querySelector("#yf-rs-gear"), toggleSettings); bindOnce(wrap.querySelector("#yf-rs-comment"), scrollComment); bindOnce(wrap.querySelector("#yf-rs-top"), scrollTop); if (wrap.dataset.yfLeaveBound !== "1") { wrap.dataset.yfLeaveBound = "1"; let leaveTimer = 0; wrap.addEventListener("mouseenter", () => { if (leaveTimer) { clearTimeout(leaveTimer); leaveTimer = 0; } }); wrap.addEventListener("mouseleave", () => { if (leaveTimer) clearTimeout(leaveTimer); leaveTimer = window.setTimeout(() => setExpanded(wrap, false), 180); }); } try { if (isPostPage() && localStorage.getItem(STORAGE_COL) === "single") { applyColumnMode(true); } const zh = localStorage.getItem(STORAGE_ZH); if (zh === "tw") { document.documentElement.dataset.yfZh = "tw"; const zhBtn = wrap.querySelector("#yf-rs-zh"); if (zhBtn) zhBtn.textContent = "简"; } } catch (_) {} if (!window.__yfRightsideScrollBound) { window.__yfRightsideScrollBound = 1; window.addEventListener( "scroll", () => { const el = document.getElementById("yf-rightside"); if (el) syncState(el); }, { passive: true } ); } if (!window.__yfRightsideDocClickBound) { window.__yfRightsideDocClickBound = 1; document.addEventListener( "click", (e) => { const el = document.getElementById("yf-rightside"); if (!el || !el.classList.contains("yf-rs-expanded")) return; if (el.contains(e.target)) return; setExpanded(el, false); }, true ); } } if (wrap.parentElement !== document.body) { document.body.appendChild(wrap); } /* 只锁定位；display/visibility 交给 CSS + read-mode（勿 inline display:flex!important，否则压不住隐藏） */ if (wrap.dataset.yfPos !== "1") { wrap.dataset.yfPos = "1"; wrap.style.setProperty("position", "fixed", "important"); wrap.style.setProperty("right", "20px", "important"); wrap.style.setProperty("bottom", "88px", "important"); wrap.style.setProperty("z-index", "10040", "important"); wrap.style.setProperty("margin", "0", "important"); wrap.style.setProperty("padding", "0", "important"); wrap.style.setProperty("width", "auto", "important"); wrap.style.setProperty("height", "auto", "important"); wrap.style.setProperty("transform", "none", "important"); } /* SPA/重建后若仍在阅读模式，继续藏右栏 */ if (isReadModeOn()) applyReadModeChrome(true); const hide = wrap.querySelector("#yf-rs-hide"); if (hide) hide.setAttribute("aria-hidden", wrap.classList.contains("yf-rs-expanded") ? "false" : "true"); syncState(wrap); return true; } catch (err) { try { console.warn("[yf-rightside]", err); } catch (_) {} return false; } finally { moQuiet = false; } }; const boot = () => { if (moQuiet) return; if (ensure()) return; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", () => ensure(), { once: true }); } let n = 0; const timer = setInterval(() => { n += 1; if (ensure() || n > 40) clearInterval(timer); }, 100); }; boot(); window.addEventListener("load", boot); window.addEventListener("popstate", () => setTimeout(boot, 50)); ["pushState", "replaceState"].forEach((method) => { const orig = history[method]; if (typeof orig !== "function" || orig.__yfPatched) return; const wrapped = function (...args) { const ret = orig.apply(this, args); setTimeout(boot, 60); return ret; }; wrapped.__yfPatched = 1; history[method] = wrapped; }); const mo = new MutationObserver(() => { if (moQuiet || moQueued) return; moQueued = true; requestAnimationFrame(() => { moQueued = false; if (moQuiet) return; const el = document.getElementById("yf-rightside"); if (!el) boot(); else syncState(el); }); }); mo.observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { "use strict"; /* ============================================================================ * 云风笺 · 评论增强 * - 昵称框输入纯数字 QQ：拉真实昵称、QQ 头像、强制同步邮箱为 QQ@qq.com * - 邮箱变更（含 QQ 邮箱）：同步预览头像 * - 列表头像：按 data-qq / QQ 邮箱补 qlogo，避免仍显示上一份头像 * - 无 QQ/邮箱头像时：用昵称首字生成 letter avatar * - 昵称/邮箱：停止输入 5s 且完整 QQ 后才请求；预览只更新同一 img * ============================================================================ */ if (window.__yfCommentEnhance) return; window.__yfCommentEnhance = 1; const QQ_RE = /^[1-9]\d{4,10}$/; const QQ_EMAIL_RE = /^([1-9]\d{4,10})@qq\.com$/i; /** 用户明确要求：输入停止 5s 后再拉 qq-info / 更新预览 */ const QQ_INPUT_DEBOUNCE_MS = 5000; const COLORS = ["#4259ef", "#0ea5e9", "#10b981", "#f59e0b", "#ef4444", "#8b5cf6", "#14b8a6", "#f97316"]; let qqFetchSeq = 0; const toast = (text) => { try { if (typeof window.yfSnackbarShow === "function") return window.yfSnackbarShow(text); if (window.anzhiyu && typeof window.anzhiyu.snackbarShow === "function") { return window.anzhiyu.snackbarShow(text); } } catch (_) {} }; const setNativeValue = (input, value) => { if (!input) return; const proto = window.HTMLInputElement.prototype; const desc = Object.getOwnPropertyDescriptor(proto, "value"); if (desc && desc.set) desc.set.call(input, value); else input.value = value; input.dispatchEvent(new Event("input", { bubbles: true })); input.dispatchEvent(new Event("change", { bubbles: true })); }; /* t=qq：同一 nk 换号后 URL 仍唯一，减轻 CDN/浏览器串缓存 */ const qqAvatar = (qq) => `https://q1.qlogo.cn/g?b=qq&nk=${encodeURIComponent(qq)}&s=100&t=${encodeURIComponent(qq)}`; const letterAvatar = (name) => { const ch = String(name || "?").trim().charAt(0) || "?"; const color = COLORS[ch.charCodeAt(0) % COLORS.length]; const canvas = document.createElement("canvas"); canvas.width = 140; canvas.height = 140; const ctx = canvas.getContext("2d"); if (!ctx) return ""; ctx.fillStyle = color; ctx.fillRect(0, 0, 140, 140); ctx.fillStyle = "#fff"; ctx.font = "bold 64px 'PingFang SC','Microsoft YaHei',sans-serif"; ctx.textAlign = "center"; ctx.textBaseline = "middle"; ctx.fillText(ch.toUpperCase(), 70, 74); return canvas.toDataURL("image/png"); }; const findNicknameInput = (root) => root.querySelector('input[name="nickname"], input[id*="comment-nickname"], input[autocomplete="nickname"]'); const findEmailInput = (root) => root.querySelector('input[name="email"], input[id*="comment-email"], input[type="email"][autocomplete="email"]'); const findFormRoot = (el) => el?.closest("#post-comment, [class*='CommentSection'], [class*='commentForm'], form, [class*='Comment']") || document; /** React CommentForm 已自管 qq-info / 预览时，避免双重请求与双重插入 */ const reactOwnsQQ = (root) => !!root?.querySelector?.( "img[data-yf-form-avatar], [class*='commentForm'], [class*='CommentForm'], [class*='formMetaActions']" ); const findPreviewHost = (anchor) => { const metaRow = anchor?.closest?.("[class*='metaInputs'], .metaInputs"); if (metaRow?.parentElement) return metaRow.parentElement; return ( anchor?.closest?.("[class*='formMetaActions'], [class*='formMeta'], form, #post-comment") || findFormRoot(anchor) ); }; /** 只保留/复用同一个预览 img；清掉历史错误 append 的多余节点 */ const ensurePreview = (anchor) => { const host = findPreviewHost(anchor); if (!host) return null; const all = [ ...host.querySelectorAll("img[data-yf-form-avatar], img[data-yf-qq-preview]"), ]; /* React 表单头像优先；其余脚本插入的多余预览一律移除 */ let img = all.find((el) => el.dataset.yfFormAvatar === "1") || all[0] || null; all.forEach((el) => { if (el !== img && el.dataset.yfQqPreview === "1") el.remove(); }); if (!img) { img = document.createElement("img"); img.dataset.yfQqPreview = "1"; img.alt = "头像预览"; img.width = 36; img.height = 36; img.style.cssText = "width:36px;height:36px;border-radius:50%;object-fit:cover;margin:0 0 8px;box-shadow:0 2px 8px rgba(0,0,0,.12);flex-shrink:0;align-self:center;"; const metaRow = anchor.closest("[class*='metaInputs'], .metaInputs"); if (metaRow && metaRow.parentElement) metaRow.parentElement.insertBefore(img, metaRow); else anchor.parentElement?.insertBefore(img, anchor); } return img; }; const applyPreviewQQ = (preview, qq) => { if (!preview || !qq) return; const url = qqAvatar(qq); if (preview.dataset.yfQq === qq && preview.getAttribute("src") === url) return; preview.src = url; preview.hidden = false; preview.style.display = ""; preview.dataset.yfQq = qq; preview.dataset.yfFromQq = "1"; preview.dataset.yfLetterDone = "1"; }; const clearPreviewIfNeeded = (preview) => { if (!preview) return; if (preview.dataset.yfFormAvatar === "1") { preview.removeAttribute("src"); preview.hidden = true; preview.style.display = "none"; delete preview.dataset.yfQq; delete preview.dataset.yfFromQq; return; } if (preview.dataset.yfFromQq === "1") { preview.remove(); } }; const resolveCompleteQQ = (nickInput, emailInput) => { const nick = String(nickInput?.value || "").trim(); const email = String(emailInput?.value || "").trim(); const qqFromEmail = (email.match(QQ_EMAIL_RE) || [])[1] || ""; const qqFromNick = QQ_RE.test(nick) ? nick : ""; /* 邮箱是提交真相源；昵称里的纯 QQ 仅在邮箱尚未变成对应 QQ 邮箱时用于预览 */ return qqFromEmail || qqFromNick || ""; }; const syncPreviewFromInputs = (nickInput, emailInput) => { const qq = resolveCompleteQQ(nickInput, emailInput); const anchor = nickInput || emailInput; if (!anchor) return; const preview = ensurePreview(anchor); if (!preview) return; if (qq) { applyPreviewQQ(preview, qq); } else { clearPreviewIfNeeded(preview); } }; const fetchQQNickname = async (qq, seq) => { /* 仅走本站代理（后端读 comment.qq_api_url + key，解析青桔 data.nick） */ try { const r = await fetch(`/api/public/comments/qq-info?qq=${encodeURIComponent(qq)}`, { credentials: "same-origin", }); if (seq !== qqFetchSeq) return ""; const j = await r.json(); if (seq !== qqFetchSeq) return ""; const nick = j?.data?.nickname || j?.data?.nick || j?.nickname; if (j?.code === 200 && nick && !QQ_RE.test(String(nick).trim())) return String(nick).trim(); } catch (_) {} return ""; }; /* 提交前：邮箱若为空但昵称是 QQ，则补全；若昵称是 QQ 则强制邮箱与之对齐 */ const guardCommentSubmit = () => { if (window.__yfCommentSubmitGuard) return; window.__yfCommentSubmitGuard = 1; const orig = window.fetch; if (typeof orig !== "function") return; window.fetch = async function (input, init) { try { const url = typeof input === "string" ? input : input?.url || ""; const method = (init?.method || (typeof input !== "string" && input?.method) || "GET").toUpperCase(); if (/\/api\/public\/comments\/?$/.test(url) && method === "POST" && init?.body && typeof init.body === "string") { const data = JSON.parse(init.body); if (!data.is_anonymous) { const nick = String(data.nickname || "").trim(); let email = String(data.email || "").trim(); if (QQ_RE.test(nick)) { toast("请填写昵称后再提交（不可使用纯 QQ 号）"); return new Response(JSON.stringify({ code: 400, message: "昵称不能为空或为纯 QQ 号" }), { status: 400, headers: { "Content-Type": "application/json; charset=utf-8" }, }); } if (!nick || nick.length < 2) { toast("请填写昵称后再提交（不可使用纯 QQ 号）"); return new Response(JSON.stringify({ code: 400, message: "昵称不能为空或为纯 QQ 号" }), { status: 400, headers: { "Content-Type": "application/json; charset=utf-8" }, }); } /* 表单 DOM 上的当前邮箱优先（防 React state 与 DOM 短暂不一致） */ const root = document.getElementById("post-comment") || document; const emailInput = findEmailInput(root); const liveEmail = String(emailInput?.value || "").trim(); if (liveEmail && liveEmail !== email) { email = liveEmail; data.email = liveEmail; init = { ...init, body: JSON.stringify(data) }; } } } } catch (_) {} return orig.call(this, input, init); }; }; const handleQQInput = async (nickInput) => { const root = findFormRoot(nickInput); const emailInput = findEmailInput(root); const raw = String(nickInput.value || "").trim(); /* 非完整 QQ：不请求、不换预览；顺带清掉误插的多余节点 */ if (!QQ_RE.test(raw)) { if (!reactOwnsQQ(root)) syncPreviewFromInputs(nickInput, emailInput); else ensurePreview(nickInput); return; } const qq = raw; if (nickInput.dataset.yfQqLast === qq && emailInput && QQ_EMAIL_RE.test(String(emailInput.value || "").trim())) { if (!reactOwnsQQ(root)) syncPreviewFromInputs(nickInput, emailInput); return; } nickInput.dataset.yfQqLast = qq; /* 换 QQ：强制覆盖邮箱，避免仍提交上一份 QQ 邮箱 */ if (emailInput) { const want = `${qq}@qq.com`; if (String(emailInput.value || "").trim().toLowerCase() !== want.toLowerCase()) { setNativeValue(emailInput, want); } } /* React 表单自管预览与 qq-info，此处只同步邮箱，避免双重请求/双重插入 */ if (reactOwnsQQ(root)) { ensurePreview(nickInput); return; } applyPreviewQQ(ensurePreview(nickInput), qq); const seq = ++qqFetchSeq; toast("已识别 QQ，正在获取昵称与头像…"); const nick = await fetchQQNickname(qq, seq); if (seq !== qqFetchSeq) return; if (nick) { setNativeValue(nickInput, nick); nickInput.dataset.yfQqLast = qq; /* 昵称已不是纯 QQ，预览改跟邮箱走 */ syncPreviewFromInputs(nickInput, emailInput); toast(`已获取 QQ 昵称：${nick}`); } else { setNativeValue(nickInput, ""); nickInput.placeholder = "请填写昵称（已就绪 QQ 头像与邮箱）"; nickInput.dataset.yfQqLast = ""; syncPreviewFromInputs(nickInput, emailInput); toast("头像与邮箱已就绪；未能自动获取昵称，请手动填写"); nickInput.focus(); } }; const handleEmailInput = (emailInput) => { const root = findFormRoot(emailInput); const nickInput = findNicknameInput(root); /* React 自管预览；仍清理历史误插节点 */ if (reactOwnsQQ(root)) { ensurePreview(emailInput); return; } const email = String(emailInput.value || "").trim(); /* 仅完整 QQ 邮箱才更新预览；其它邮箱不中途打 qlogo */ if (email && !QQ_EMAIL_RE.test(email) && !resolveCompleteQQ(nickInput, emailInput)) { clearPreviewIfNeeded(ensurePreview(emailInput)); return; } syncPreviewFromInputs(nickInput, emailInput); }; const bindNicknameWatchers = () => { document.querySelectorAll("#post-comment, [class*='CommentSection'], [class*='commentForm']").forEach((root) => { const nick = findNicknameInput(root); if (nick && nick.dataset.yfQqBound !== "1") { nick.dataset.yfQqBound = "1"; let timer = 0; const schedule = () => { if (timer) clearTimeout(timer); /* 输入中途抬高序号，丢弃进行中的过期 qq-info 响应 */ qqFetchSeq += 1; timer = window.setTimeout(() => handleQQInput(nick), QQ_INPUT_DEBOUNCE_MS); }; nick.addEventListener("input", schedule); nick.addEventListener("blur", () => { if (timer) clearTimeout(timer); timer = 0; handleQQInput(nick); }); } const email = findEmailInput(root); if (email && email.dataset.yfEmailBound !== "1") { email.dataset.yfEmailBound = "1"; let timer = 0; const schedule = () => { if (timer) clearTimeout(timer); timer = window.setTimeout(() => handleEmailInput(email), QQ_INPUT_DEBOUNCE_MS); }; email.addEventListener("input", schedule); email.addEventListener("change", schedule); email.addEventListener("blur", () => { if (timer) clearTimeout(timer); timer = 0; handleEmailInput(email); }); /* 初次绑定：按当前邮箱同步预览（localStorage 恢复场景） */ handleEmailInput(email); } }); }; const patchLetterAvatars = () => { document .querySelectorAll( '#post-comment img[alt="avatar"], #post-comment img[class*="commentAvatar"], #post-comment img[class*="replyAvatar"], img[class*="CommentAvatar"], img[class*="ReplyAvatar"]' ) .forEach((img) => { if (img.dataset.yfLetterBound === "1") return; img.dataset.yfLetterBound = "1"; const pickName = () => { const item = img.closest("[class*='commentItem'], [class*='CommentItem'], [class*='replyItem'], li, article"); const nickEl = item?.querySelector("[class*='nickname'], [class*='Nickname'], .nickname") || item?.querySelector("strong, b, a[class*='name']"); return (nickEl?.textContent || "?").trim(); }; const applyLetter = () => { if (img.dataset.yfLetterDone === "1") return; const src = img.currentSrc || img.src || ""; if (/qlogo\.cn|qzonestyle|data:image\/png;base64/.test(src) && img.naturalWidth > 0) return; img.dataset.yfLetterDone = "1"; const dataUrl = letterAvatar(pickName()); if (dataUrl) img.src = dataUrl; }; img.addEventListener("error", applyLetter); const badDefault = /[?&]d=(mp|monsterid|wavatar|robohash|identicon)\b/i.test(img.src || ""); if (badDefault) { setTimeout(() => { if (!img.dataset.yfLetterDone) applyLetter(); }, 80); } else { setTimeout(() => { if (!img.complete || img.naturalWidth === 0) applyLetter(); }, 1500); } }); }; const extractQQFromItem = (item) => { const dataQq = item.getAttribute("data-qq") || item.querySelector("[data-qq]")?.getAttribute("data-qq") || ""; if (QQ_RE.test(dataQq)) return dataQq; const nickEl = item.querySelector("[class*='nickname'], [class*='Nickname'], .nickname") || item.querySelector("strong, b, a[class*='name']"); const nick = (nickEl?.textContent || "").trim(); if (QQ_RE.test(nick)) return nick; const emailHint = item.querySelector("a[href^='mailto:']")?.getAttribute("href")?.replace(/^mailto:/i, "") || item.getAttribute("data-email") || ""; return (emailHint.match(QQ_EMAIL_RE) || [])[1] || ""; }; /* 展示层：按当前评论的 QQ 强制对齐 qlogo，不沿用上一份头像 / 过期 weavatar */ const patchCommentMetaDisplay = () => { document .querySelectorAll( "#post-comment [class*='commentItem'], #post-comment [class*='CommentItem'], #post-comment [class*='replyItem']" ) .forEach((item) => { const qq = extractQQFromItem(item); if (!qq) return; const img = item.querySelector( 'img[alt="avatar"], img[class*="commentAvatar"], img[class*="replyAvatar"], img[class*="Avatar"]' ); if (!img) return; const src = img.getAttribute("src") || ""; const nkOk = src.includes(`nk=${qq}`) || src.includes(`nk=${encodeURIComponent(qq)}`); if (!nkOk || !/qlogo\.cn|qzonestyle/.test(src)) { img.src = qqAvatar(qq); img.dataset.yfLetterDone = "1"; img.dataset.yfQq = qq; } }); }; /** 清掉表单旁误 append 的多余预览（历史 bug 残留） */ const dedupeFormAvatars = () => { document.querySelectorAll("[class*='formMetaActions'], #post-comment").forEach((host) => { const previews = [...host.querySelectorAll(":scope > img[data-yf-qq-preview], :scope > img[data-yf-form-avatar]")]; if (previews.length <= 1) return; const keep = previews.find((el) => el.dataset.yfFormAvatar === "1") || previews[0]; previews.forEach((el) => { if (el !== keep && el.dataset.yfQqPreview === "1") el.remove(); }); }); }; const tick = () => { bindNicknameWatchers(); dedupeFormAvatars(); patchLetterAvatars(); patchCommentMetaDisplay(); }; const boot = () => { guardCommentSubmit(); tick(); if (!window.__yfCommentEnhanceMo) { window.__yfCommentEnhanceMo = 1; let moQueued = false; const mo = new MutationObserver(() => { if (moQueued) return; moQueued = true; requestAnimationFrame(() => { moQueued = false; tick(); }); }); mo.observe(document.documentElement, { childList: true, subtree: true }); } }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", boot, { once: true }); } else { boot(); } window.addEventListener("load", boot); ["pushState", "replaceState"].forEach((method) => { const orig = history[method]; if (typeof orig !== "function" || orig.__yfCommentPatched) return; const wrapped = function (...args) { const ret = orig.apply(this, args); setTimeout(boot, 80); return ret; }; wrapped.__yfCommentPatched = 1; history[method] = wrapped; }); window.addEventListener("popstate", () => setTimeout(boot, 80)); })(); (() => { "use strict"; /* 云风笺 · 闲言碎语页增强（仅 /essay，不改顶栏） */ const isEssayPath = () => /^\/essay\/?$/.test(location.pathname); const markEssayPage = () => { if (!isEssayPath()) { document.documentElement.removeAttribute("data-yf-essay"); return null; } document.documentElement.setAttribute("data-yf-essay", "1"); return ( document.querySelector(".yf-essay[data-yf-essay-root]") || document.querySelector("#essay_page.yf-essay") || document.querySelector(".yf-essay") ); }; const bindReply = (root) => { if (!root || root.dataset.yfEssayBound === "1") return; root.dataset.yfEssayBound = "1"; root.addEventListener("click", (ev) => { const btn = ev.target.closest("[data-essay-reply]"); if (!btn) return; const text = btn.getAttribute("data-essay-reply") || ""; const box = document.querySelector("#comment-textarea") || document.querySelector("textarea[name='content']") || document.querySelector(".comment-textarea textarea") || document.querySelector("textarea"); if (box) { const prefix = text ? `回复「${text.slice(0, 40)}${text.length > 40 ? "…" : ""}」：` : ""; box.focus(); if (prefix && !box.value.includes(prefix)) { box.value = `${prefix}${box.value || ""}`; box.dispatchEvent(new Event("input", { bubbles: true })); } box.scrollIntoView({ behavior: "smooth", block: "center" }); } else { const comment = document.querySelector("#post-comment, [class*='CommentSection']"); comment?.scrollIntoView({ behavior: "smooth", block: "start" }); } }); }; const enhance = () => { const root = markEssayPage(); if (!root) return; bindReply(root); }; let scheduled = false; const schedule = () => { if (scheduled) return; scheduled = true; requestAnimationFrame(() => { scheduled = false; enhance(); }); }; enhance(); document.addEventListener("DOMContentLoaded", schedule); window.addEventListener("load", schedule); new MutationObserver(schedule).observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { "use strict"; /* 云风笺 · 实用网站页：读取 JSON，渲染分类 + 卡片网格 * 若存在专用 React 路由（data-yf-favorites-react），则跳过，避免与 React 抢 DOM。 */ const PATH_RE = /^\/favorites\/?$/; const DATA_URL = "/static/data/favorites.json"; const SETTING_FALLBACK_ID = "yf-favorites-data"; const isFavoritesPath = () => PATH_RE.test(location.pathname); const escapeHtml = (s) => String(s ?? "") .replace(/&/g, "&") .replace(//g, ">") .replace(/"/g, """); const escapeAttr = (s) => escapeHtml(s).replace(/'/g, "'"); const letterIcon = (title) => { const ch = String(title || "?").trim().charAt(0).toUpperCase() || "?"; return ``; }; const iconHtml = (site) => { const icon = (site.icon || "").trim(); const title = site.title || ""; if (!icon) return letterIcon(title); return `

`; }; const sortBy = (arr, key) => [...(arr || [])].sort( (a, b) => (Number(a[key]) || 0) - (Number(b[key]) || 0) || String(a.name || a.title || "").localeCompare(String(b.name || b.title || ""), "zh") ); const normalize = (raw) => { if (!raw || typeof raw !== "object") return { title: "实用网站", description: "", categories: [] }; const categories = sortBy(raw.categories || [], "sort").map((cat) => ({ id: cat.id || cat.name, name: cat.name || "未命名分类", sort: Number(cat.sort) || 0, sites: sortBy(cat.sites || [], "sort").map((s) => ({ id: s.id || s.url || s.title, title: s.title || s.name || "未命名站点", description: s.description || s.desc || "", url: s.url || s.link || "#", icon: s.icon || s.avatar || "", sort: Number(s.sort) || 0, })), })); return { title: raw.title || "实用网站", description: raw.description || "", categories, }; }; const readEmbedded = () => { const el = document.getElementById(SETTING_FALLBACK_ID); if (!el) return null; try { return JSON.parse(el.textContent || ""); } catch { return null; } }; const render = (data, mount) => { const normalized = normalize(data); const sections = normalized.categories .map((cat) => { const cards = (cat.sites || []) .map( (site) => `

${iconHtml(site)}

${escapeHtml(site.title)}

${escapeHtml(site.description)}

` ) .join("\n"); return `

${escapeHtml(cat.name)}

${cards || `

该分类暂无站点

`; }) .join("\n"); mount.innerHTML = `

导航

${escapeHtml(normalized.title)}

${normalized.description ? `

${escapeHtml(normalized.description)}

` : ""}

${sections || `

暂无实用网站，请到后台「实用网站」添加。

`; }; const ensureMount = () => { /* 专用 React 页已接管，勿再动 DOM */ if (document.querySelector("[data-yf-favorites-react]")) return null; let mount = document.querySelector("[data-yf-favorites-mount]") || document.querySelector(".yf-favorites-mount"); if (mount) return mount; /* 仅在已有明确挂载点时工作；不要清空 React 管理的 article，否则会与 React 互相覆盖 */ const host = document.querySelector("[data-post-content]") || document.querySelector("article.yf-page-article") || document.querySelector("[data-yf-page-path='/favorites']"); if (!host) return null; const existingRoot = host.querySelector("[data-yf-favorites-root]"); if (existingRoot) return existingRoot.parentElement; const shell = document.createElement("div"); shell.className = "yf-favorites-mount"; shell.setAttribute("data-yf-favorites-mount", "1"); host.replaceChildren(shell); return shell; }; let loading = false; const boot = async () => { if (!isFavoritesPath() || loading) return; if (document.querySelector("[data-yf-favorites-react]")) return; const mount = ensureMount(); if (!mount) return; if (mount.querySelector("[data-yf-favorites-root]")) return; loading = true; document.documentElement.setAttribute("data-yf-favorites", "1"); try { let data = readEmbedded(); if (!data) { const res = await fetch(`${DATA_URL}?_=${Date.now()}`, { cache: "no-store" }); if (res.ok) data = await res.json(); } render(data || { categories: [] }, mount); } catch (e) { console.error("[yf-favorites]", e); render({ categories: [] }, mount); } finally { loading = false; } }; let scheduled = false; const schedule = () => { if (scheduled) return; scheduled = true; requestAnimationFrame(() => { scheduled = false; boot(); }); }; if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", schedule); } else { schedule(); } document.addEventListener("anheyu:page-loaded", schedule); window.addEventListener("popstate", schedule); const obs = new MutationObserver(schedule); obs.observe(document.documentElement, { childList: true, subtree: true }); })(); (() => { "use strict"; /* ============================================================================ * 关于页地图：主题 map 模块风格 * background-image 底图 + mapTitle 窄条 + hover Ken Burns 运镜 * （不再以可拖 Leaflet 为主） * ============================================================================ */ if (window.__yfAboutMapV === 6) { try { if (typeof window.__yfAboutMapSchedule === "function") window.__yfAboutMapSchedule(); } catch (_) {} return; } window.__yfAboutMapV = 6; window.__yfAboutMapBooted = 1; const MAP_BG = "/static/img/about-map-shanghai.png"; const MAP_BG_DARK = "/static/img/about-map-shanghai-dark.png"; const findMapHost = () => { const candidates = [ ...document.querySelectorAll( '[class*="mapAndInfo"] [class*="map"][class*="single"], [class*="mapAndInfo"] > [class*="map"], main [class*="map"].single' ), ]; return ( candidates.find( (el) => !/mapTitle/i.test(el.className || "") && !el.classList.contains("yf-about-map-title") ) || null ); }; const ensureTitle = (host) => { let title = host.querySelector(".yf-about-map-title, [class*='mapTitle']"); if (!title) { title = document.createElement("span"); title.className = "yf-about-map-title"; host.appendChild(title); } /* 与主题 mapTitle 文案习惯对齐 */ if (!/中国/.test(title.textContent || "") || !/上海/.test(title.textContent || "")) { title.innerHTML = "我现在住在 中国，上海市"; } title.classList.add("yf-about-map-title"); return title; }; const tearDownLeaflet = (host) => { const pane = host.querySelector("#yf-about-leaflet"); if (pane && pane._yfMap) { try { pane._yfMap.remove(); } catch (_) {} pane._yfMap = null; } if (pane) pane.remove(); delete host.dataset.yfLeaflet; delete host.dataset.yfLeafletReady; delete host.dataset.yfMapCinema; }; const applyBg = (host) => { const dark = document.documentElement.classList.contains("dark"); const url = dark ? MAP_BG_DARK : MAP_BG; host.style.backgroundImage = `url("${url}")`; host.style.backgroundSize = "100%"; host.style.backgroundPosition = "50% center"; host.style.backgroundRepeat = "no-repeat"; }; const mount = () => { if (!/^\/about\/?$/.test(location.pathname)) return; const host = findMapHost(); if (!host) return; tearDownLeaflet(host); host.classList.add("yf-about-map-live", "yf-about-map-kenburns"); host.setAttribute("tabindex", "0"); host.setAttribute("aria-label", "上海地图卡片，悬停可运镜聚焦"); ensureTitle(host); // 清理旧版本已插入的红色坐标标记，地图只保留底图与文字说明。 host.querySelectorAll(".yf-about-map-pin").forEach((pin) => pin.remove()); applyBg(host); if (host.dataset.yfMapCinema === "kb2") return; host.dataset.yfMapCinema = "kb2"; const onEnter = () => host.classList.add("yf-about-map-focus"); const onLeave = () => host.classList.remove("yf-about-map-focus"); host.addEventListener("mouseenter", onEnter); host.addEventListener("mouseleave", onLeave); host.addEventListener("focusin", onEnter); host.addEventListener("focusout", (ev) => { if (!host.contains(ev.relatedTarget)) onLeave(); }); const mo = new MutationObserver(() => applyBg(host)); mo.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] }); }; const schedule = () => { if (!/^\/about\/?$/.test(location.pathname)) return; requestAnimationFrame(mount); setTimeout(mount, 200); setTimeout(mount, 800); }; window.__yfAboutMapSchedule = schedule; schedule(); document.addEventListener("DOMContentLoaded", schedule); window.addEventListener("load", schedule); window.addEventListener("popstate", () => setTimeout(schedule, 80)); ["pushState", "replaceState"].forEach((method) => { const orig = history[method]; if (typeof orig !== "function" || orig.__yfAboutMapPatched) return; const wrapped = function (...args) { const ret = orig.apply(this, args); setTimeout(schedule, 80); return ret; }; wrapped.__yfAboutMapPatched = 1; history[method] = wrapped; }); new MutationObserver(() => { if (/^\/about\/?$/.test(location.pathname)) { const host = findMapHost(); if (host && !host.classList.contains("yf-about-map-kenburns")) schedule(); } }).observe(document.documentElement, { childList: true, subtree: true }); })();

版权声明

默认许可

例外说明

免责

版权声明

默认许可

例外说明

免责