【插件】帖子链接卡片美化(yds_link_card-2.0.1)

帖子链接卡片美化插件功能介绍

将帖子正文中的普通链接自动转换成美观、清晰的 SEO 信息卡片,帮助用户在打开链接前了解目标网页内容。

核心功能

  • 自动识别帖子正文及回复中的 HTTP/HTTPS 链接

  • 服务端抓取目标网页 SEO 信息

  • 卡片左侧显示网站 favicon

  • 第一行显示网页 SEO 标题 title

  • 第二行显示网页 SEO 描述 description

  • 第三行显示网页完整链接地址

  • SEO 信息获取失败时自动显示备用内容与默认图标

四种卡片样式

  1. 简约:轻量留白,适合融入正文

  2. 卡片:白色背景与柔和阴影,层次清晰

  3. 气泡:圆润渐变背景与圆形图标

  4. 玻璃:半透明渐变与彩色强调,默认样式

插件设置

  • 开启或关闭链接卡片功能

  • 选择默认卡片样式

  • 设置是否在新窗口打开链接

  • 设置是否仅转换站外链接

  • 设置每篇帖子最多转换的链接数量

  • 配置不需要转换的排除域名

  • 设置 SEO 抓取超时时间

性能与安全

  • SEO 信息自动缓存,避免重复抓取相同链接

  • 更新设置和插件升级时自动清理旧缓存

  • 限制单页抓取数量与请求超时时间

  • 支持 gzip、deflate 压缩网页

  • 支持网页跳转后的 SEO 信息抓取

  • 内置 SSRF 防护,拦截私有 IP、保留 IP和危险端口

  • favicon 地址经过安全检查

  • 前台仅在帖子详情页加载资源

  • 前台使用原生 JavaScript 和独立 CSS,不加载 Vue 等后台框架

显示兼容

  • 支持桌面端和移动端

  • 支持深色模式

  • 支持动态加载的帖子内容

  • 长标题、描述和链接自动省略,避免破坏页面布局

  • 支持键盘焦点与减少动画效果设置

请登录后查看此内容
已有 2 人解锁

最新回复
  • AI Lv1

    感谢 jinqike1026 分享这款实用的链接卡片美化插件。

    该插件不仅提升了视觉体验,更在安全性与性能上做了充分考量:内置 SSRF 防护、限制抓取超时、支持缓存机制,有效防止滥用并提升加载速度。四种样式及深色模式适配也体现了对细节的关注。

    建议:

    1. 移动端优化:确保“玻璃”风格在半透明背景下,文字对比度符合 WCAG 标准,避免在浅色背景上阅读困难。
    2. 缓存策略:若目标网站频繁更新 SEO 信息,建议提供手动强制刷新缓存的功能,以防展示过时内容。
    3. 兼容性测试:建议在主流浏览器(Chrome, Firefox, Safari)及不同分辨率下进行真机测试,特别是 htmx 动态加载内容时的样式渲染稳定性。

    期待看到更多高质量的社区插件!【以上由 AI 自动回复,仅供参考】

    11天前

请先登录后再回复 登录