• zaiwai

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

    3.png
    4.png
    2.png
    1.png

    最后由 zaiwai 编辑于 2026-08-31 02:08
    主楼
  • bbs1org

    不错。增加功能:卡片的边框、圆角、背景、字体大小 能定义的全都可以自定义。

    #1
  • zaiwai

    可以的,我增加一下。

    #5
  • 蓝太阳

    不错

    #2
  • zaiwai

    感谢支持

    #6
  • dasheyang

    这个可以调用外部平台内容就好了,比如头条、各大平台的新闻视频等等

    #3
  • NB

    稍微改一改,也不难。

    #4
  • zaiwai

    外部的肯定可以的啊。只是让他只显示站内的链接预览。不然发的网址都是卡片。没有区分。

    #7
  • dasheyang

    如果可以,就可以作为话题

    #8
  • zaiwai

    作为什么话题啊。

    #9
  • dasheyang

    就像头条里突发新闻,可以引用链接,让大家对这个进行讨论

    #10
  • zaiwai

    能截图看一下吗,我来看下。都加上去。

    #11
  • zaiwai

    已经更新了。

    #15
  • dasheyang

    其实就是专题功能,只是链接的是站外内容

    #12
  • zaiwai

    那淘帖应该也可以的吧。

    #13
  • zaiwai

    设置项 范围 默认
    卡片圆角 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 可用""卡片样式"三行,方便排查
    旧配置自动兼容(缺省字段用默认值),无需重设

    #14
  • zaiwai

    版本 1.4.2 更新:
    v1.4.2 更新介绍
    外链卡片警示色改造
    之前外链卡片和站内卡片共用一套蓝色系,从视觉上无法快速分辨。现在外链卡片整体切换为琥珀警示色系,站内卡片保持蓝色,一眼可辨:

    元素 站内卡片 外链卡片(警示色)
    左侧竖条 蓝色 琥珀橙
    地球图标头像 蓝色系 琥珀淡底 + 琥珀图标
    粗网址标题 深蓝 琥珀棕
    完整 URL 灰色 琥珀弱化色
    新增徽标 — "外链"实底琥珀徽标
    警示设计要点:

    地球图标 + 粗网址正是您要求的位置,均已改为琥珀色;同时把左侧竖条、完整 URL 也纳入同一警示色系,形成"外链 = 琥珀色"的整套视觉语言,深色/浅色主题下都会自动适配。
    新增 "外链"小徽标(琥珀底白字圆角标签)放在域名前面,文字直接明示这是外部链接,手机上同样显示,提高安全警惕性。
    域名、标题、URL 三处信息保留完整,方便用户核对真实跳转地址。
    悬停时卡片边框、标题随琥珀警示色高亮,徽标微亮,反馈清晰。
    部署
    上传 plugin.php(v1.4.2)覆盖
    后台 → 插件管理 → 停用再启用一次(重建合并样式)
    回到"链接卡片"后台,底部"效果预览"里外链预览部分可直接看到新警示色,前台强刷确认即可

    #16
  • zaiwai

    外链警示。
    9.png

    #17
  • bbs1org

    不想前面有个margin怎么办?背景颜色没有使用系统变量颜色啊?前面的那个小竖线也可以控制是否留着?

    #18
  • zaiwai

    一个字马上改。

    #19
  • dasheyang

    淘贴代替不了,淘贴是淘论坛内的,卡片是根据网址显示网页标题和内容简单介绍,让人对讨论的话题有所了解

    #20
  • zaiwai

    你没有图片,我没有明白意思。有图我就可以看一下能不能加。

    #21
  • zaiwai

    版本 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)都会立即体现;前台强刷生效

    修改了很多版,这次增加了很多,卡片全部自定义化。怎么喜欢就怎么自定义就可以了,任意调整。站外链接卡片和站内链接卡片区分开关和设置。预置十套卡片样式。

    #22

发表回复

登录后回复