跳到主要内容
新增互联检查和悬浮站点截图功能
博客 OneBlog

新增互联检查和悬浮站点截图功能

646 字 3 分钟 -- 阅读
最后更新于:
AI 摘要

需求

1请把 https://blog.nw177.cn/social/links  站点 友链的  互联检查功能、悬浮后出现站点截图 这2个功能给我移植过来。

来自@咸鱼cursor,记录于2026年10月22日。

已移植并推送到 master(3aef3734),构建完成后可在 https://onedayxyy.cn/about/friend-links/ 查看。

1. 互联检查(互链徽章)

  • 新增 scripts/check-friend-link-mutual.mjs:抓取对方首页 / 常见友链页,检查是否有指向 onedayxyy.cn 的真实 <a href>
  • 结果写入 hugo-teek-site/data/friendLinkMutual.json(构建时注入,访客零探测)
  • 卡片底部显示绿色 互链 徽章(仅确认回链时显示)
  • 首轮结果:11 互链 / 29 单向 / 7 未知
  • 已并入每日 06:30 cron,与耗时探测一起更新

2. 悬浮站点截图

  • 桌面端悬停卡片约 280ms 后弹出预览浮层
  • 截图优先 WordPress mshots,失败回退 thum.io
  • 首次生成可能稍慢,之后走浏览器缓存

手动重跑互联检测:

1node scripts/check-friend-link-mutual.mjs

新增需求

1需求:
2好多 站点截图为啥是 这个图片呢?请优化下
3
4另外,我需要前面指出:
501.有多少个互为友链; 
602. 多少个访问速度较慢;
703.有多少个因为访问异常被后台关闭显示;

已修好并推送。

截图:之前用的 WordPress mshots 在未生成完时会固定返回 “Generating Preview…” 占位图。已改为 thum.io → microlink 回退,并过滤明显无效图。

页头统计(总数下方):

  1. 互为友链 — 检测确认回链本站的数量
  2. 访问偏慢 — 耗时档位为 slow 的数量
  3. 异常已关闭 — 后台 disabled/closed、页面不再展示的数量

构建完成后刷新 https://onedayxyy.cn/about/friend-links/ 即可看到。首次悬停截图仍可能要等 1~2 秒(第三方现截),之后会走缓存。

本地提前截图存放

需求

1这里有问题呀,我需要提前截图好站点的截图然后存放到自己oneimg图床,当前这个怎么悬浮后才开始截图呢。。。

已改完并推送。

新流程

  1. 脚本 scripts/capture-friend-link-shots.mjs 提前截图 → 上传 oneimg.onedayxyy.cn/images/friend-shots/
  2. 结果写入 friendLinkShots.json
  3. 悬停只加载图床地址,不再现截

本轮结果:46/46 成功上传。每日 cron 会 --only-missing 给新友链补截图。

构建完成后刷新友链页即可;悬停应几乎立刻出图。手动全量重截:

1node scripts/capture-friend-link-shots.mjs --force
最新文章

文档导航