Original Summary

让阅读更聚焦于内容本身 之前还发了一个简约的 L 站样式，配合食用效果更佳： 古法手搓了个 L 站简约 css 样式，喜欢专注于内容的可以尝试一下哈 (function() { // 匹配头像图片或头像容器中的图片 const selector = 'img[class="avatar" i], [class="avatar" i] img'; const handled = new WeakSet(); function freeze(img) { const url = img.currentSrc || img.src; if (!/\.(?:gif|webp)(?:[?#]|$)/i.test(url) || handled.has(img)) return; handled.add(img); function capture() { if (!img.isConnected || !img.naturalWidth) return; const canvas = document.createElement('canvas'); canvas.width = img.naturalWidth; canvas.height = img.naturalHeight; // 保留当前头像的尺寸、圆角、边框等样式 const style = getComputedStyle(img); for (const property of style) { canvas.style.setProperty(property, style.getPropertyValue(property)); } canvas.className = img.className; canvas.title = img.title; canvas.setAttribute('role', 'img'); canvas.setAttribute('aria-label', img.alt || '头像'); canvas.getContext('2d').drawImage(img, 0, 0); img.replaceWith(canvas); } if (img.complete && img.naturalWidth) capture(); else img.addEventListener('load', capture, { once: true }); } function scan() { document.querySelectorAll(selector).forEach(freeze); } scan(); // 自动处理滚动加载或切换页面后出现的新头像 new MutationObserver(scan).observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['src', 'srcset', 'class'] }); })(); 1 个帖子 - 1 位参与者 阅读完整话题

  • 情报分类：综合情报
  • 分类依据：内容未命中明确的垂直分类规则，归入综合情报
  • 信息来源：服务器 / LINUX DO - 最新话题
  • 发布时间：2026/10/10 17:05:05