/** * 处理 banner 中所有链接的目标属性 * @returns {void} */ (function initBannerLinksTarget() { const CONFIG = { BANNER_SELECTOR: '#banner', LINKS_SELECTOR: 'a', TARGET_VALUE: '_blank', }; // gift 图标（lucide gift），Mintlify banner.content 会过滤内联 SVG， // 因此改为通过脚本注入到链接文字前面。 const GIFT_ICON_SVG = ""; /** * 设置链接的目标属性 * @param {HTMLAnchorElement[]} linkElements */ function setLinksTarget(linkElements) { try { linkElements.forEach((link) => { link.setAttribute('target', CONFIG.TARGET_VALUE); // 去掉链接的下划线 link.style.textDecoration = 'none'; }); } catch (error) { console.error(error); } } /** * 让整个 banner 可点击跳转，关闭按钮除外 * @param {HTMLElement} bannerElement * @param {HTMLAnchorElement} linkElement */ function makeBannerClickable(bannerElement, linkElement) { if (bannerElement.dataset.clickableBound === 'true') { return; } bannerElement.dataset.clickableBound = 'true'; bannerElement.style.cursor = 'pointer'; bannerElement.addEventListener('click', (event) => { // 点击关闭按钮：不跳转，交给默认的关闭逻辑 if (event.target.closest('button')) { return; } // 其余区域（含文字链接本身）统一跳转，避免重复打开 event.preventDefault(); window.open(linkElement.href, CONFIG.TARGET_VALUE); }); } /** * 在 banner 链接文字前注入 gift 图标 * @param {HTMLAnchorElement} linkElement */ function injectGiftIcon(linkElement) { if (linkElement.dataset.giftIconInjected === 'true') { return; } linkElement.dataset.giftIconInjected = 'true'; // 让链接以 flex 布局，图标与文字垂直居中、水平对齐 linkElement.style.display = 'inline-flex'; linkElement.style.alignItems = 'center'; linkElement.style.gap = '6px'; linkElement.insertAdjacentHTML('afterbegin', GIFT_ICON_SVG); } /** * 查找并处理 banner 中的所有链接 * @returns {boolean} 是否成功处理 */ function processBannerLinks() { const bannerElement = document.querySelector(CONFIG.BANNER_SELECTOR); if (!bannerElement) { return false; } // 该 banner 元素已绑定过，无需重复处理 if (bannerElement.dataset.clickableBound === 'true') { return true; } const linkElements = Array.from( bannerElement.querySelectorAll(CONFIG.LINKS_SELECTOR) ); if (linkElements.length === 0) { return false; } setLinksTarget(linkElements); injectGiftIcon(linkElements[0]); makeBannerClickable(bannerElement, linkElements[0]); return true; } // 持续观察 DOM 变化：SPA 切换页面时 banner 会被重新渲染成新元素， // 需要对新的 banner 重新绑定整块点击逻辑，因此不在首次处理后断开观察。 const observer = new MutationObserver(() => { processBannerLinks(); }); // 开始观察 DOM 变化 observer.observe(document.body, { childList: true, subtree: true, }); // 立即检查一次，以防元素已经存在 processBannerLinks(); })();