搞了一个站内链接卡片显示的热
在主题和回帖中发布本站帖子链接时自动显示预览卡片,包含标题、作者头像、版块、阅读数、回复数和发布时间,点击即可跳转。
直达链接:
https://bbs1.org/topic/1042
希望大家喜欢吧。哈哈


最后由 zaiwai 编辑于 2026-08-31 02:08主楼不错。增加功能:卡片的边框、圆角、背景、字体大小 能定义的全都可以自定义。
不错
这个可以调用外部平台内容就好了,比如头条、各大平台的新闻视频等等
如果可以,就可以作为话题
就像头条里突发新闻,可以引用链接,让大家对这个进行讨论
其实就是专题功能,只是链接的是站外内容
设置项 范围 默认
卡片圆角 0~32px 16px
边框粗细 0~4px 1px
边框颜色 十六进制,留空自动跟随主题 自动
卡片背景 十六进制,留空自动跟随主题 自动
标题字号 12~20px 14px
改完即生效,后台"效果预览"实时同步显示。颜色留空时依然走上一版的"主题变量自动跟随"逻辑,换主题/暗色模式不会违和。外链卡片预览(后台可开关)
新增"外链预览"分组:启用外链卡片预览(默认关闭):开启后,正文中本站以外的 http/https 链接自动抓取网页标题(og:title → twitter:title → <title>),显示成预览卡片(地球图标 + 域名 + 标题 + 完整链接)。
每篇最大外链卡片数(1~6,默认 3)。
安全与性能措施:只接受 http/https、拒绝内网/保留地址/带凭据的链接(防 SSRF)、超时 3 秒、响应最大 256KB、结果缓存 7 天、单次页面最多实时抓取 2 个未缓存外链,避免拖慢页面。抓取失败的外链保持普通链接,不影响阅读。移动端优化
卡片整体更小:头像 48→32px、内边距收紧、标题字号自动缩小 10%
跟发布人头像右侧对齐:缩进 46px(与桌面一致,正好对齐头像右侧正文列)
内容超长显示省略号:标题单行省略、作者/版块/外链网址超宽自动 ...其他
运行诊断新增"外链卡片预览""cURL 可用""卡片样式"三行,方便排查
旧配置自动兼容(缺省字段用默认值),无需重设版本 1.4.2 更新:
v1.4.2 更新介绍
外链卡片警示色改造
之前外链卡片和站内卡片共用一套蓝色系,从视觉上无法快速分辨。现在外链卡片整体切换为琥珀警示色系,站内卡片保持蓝色,一眼可辨:元素 站内卡片 外链卡片(警示色)
左侧竖条 蓝色 琥珀橙
地球图标头像 蓝色系 琥珀淡底 + 琥珀图标
粗网址标题 深蓝 琥珀棕
完整 URL 灰色 琥珀弱化色
新增徽标 — "外链"实底琥珀徽标
警示设计要点:地球图标 + 粗网址正是您要求的位置,均已改为琥珀色;同时把左侧竖条、完整 URL 也纳入同一警示色系,形成"外链 = 琥珀色"的整套视觉语言,深色/浅色主题下都会自动适配。
新增 "外链"小徽标(琥珀底白字圆角标签)放在域名前面,文字直接明示这是外部链接,手机上同样显示,提高安全警惕性。
域名、标题、URL 三处信息保留完整,方便用户核对真实跳转地址。
悬停时卡片边框、标题随琥珀警示色高亮,徽标微亮,反馈清晰。
部署
上传 plugin.php(v1.4.2)覆盖
后台 → 插件管理 → 停用再启用一次(重建合并样式)
回到"链接卡片"后台,底部"效果预览"里外链预览部分可直接看到新警示色,前台强刷确认即可外链警示。

淘贴代替不了,淘贴是淘论坛内的,卡片是根据网址显示网页标题和内容简单介绍,让人对讨论的话题有所了解
版本 1.7.1 更新:
v1.7.1 更新说明粗网址 + 背景色位置修正
之前误绑到了外链大标题,现已改到正确位置 —— 外链卡片右侧的域名徽标([外链] example.com 中的 example.com,即那个琥珀色粗网址标签):粗网址文字 → 域名徽标文字色
粗网址背景 → 域名徽标背景色(默认淡琥珀)
大标题颜色独立为 "标题文字" 项(可调但不再带背景)
后台说明已注明"粗网址指域名徽标(如 example.com)",预览卡片中 example.com 即实时展示该效果卡片高度支持 0 以下(可任意矮)
四个高度输入框范围均改为 -200 ~ 400:正数:最小高度(内容多自动增高)
0:自适应内容
负数:严格固定高度(取绝对值),内容超出部分隐藏 —— 卡片可做任意矮,站内与外链分别独立,互不影响
站内卡片与外链卡片使用独立的固定高度 class,一个设了负数不会影响另一个内置 10 套预置配色
"基础设置"下方新增 预设配色 分区(下拉选择 + 应用配色按钮),10 套搭配协调的站内卡片色系 + 外链卡片色系:静谧蓝(经典) 2. 极简灰(中性) 3. 森林绿 4. 樱花粉 5. 落日橙
薰衣草紫 7. 海洋青 8. 玫瑰红 9. 暖金黄 10. 石墨深灰
每套同时覆盖站内(竖条/背景/边框/标题/用户名/版块文字+背景/阅读/回复/时间)与外链(竖条/背景/粗网址文字+背景/徽标/完整网址/地球/标题)全部颜色
应用配色仅覆盖颜色,不影响尺寸、开关等其它设置;套用后仍可在下方色盘逐项微调
诊断新增"当前配色"行显示所套用方案名
部署
上传 plugin.php(v1.7.1)覆盖
后台 → 插件管理 → 停用再启用(重建合并 CSS,本版前台样式有改动)
进入"链接卡片"后台,底部效果预览可实时验证:选一套配色点"应用配色",外链卡片右侧的 example.com 徽标、卡片高度(试试输入 -70)都会立即体现;前台强刷生效修改了很多版,这次增加了很多,卡片全部自定义化。怎么喜欢就怎么自定义就可以了,任意调整。站外链接卡片和站内链接卡片区分开关和设置。预置十套卡片样式。