DEV 的分享卡片换了新面孔:用正文第一句代替标题
来源:dev.to — 2026-10-27
📋 概述
作者参与了 forem#24071 并看着它上线,DEV 每篇文章在社交平台展开时的分享图重做了。绝大多数平台解链时本来就会展示标题,所以新卡片不再重复,而是抓取文章开头几句,放进一个带渐变的小浏览器窗口框里,下方是你的头像、名字、发布日期和阅读时长。配色取自个人资料里的品牌色,没设置就用四套预置调色板之一,让一整屏的分享帖看起来各不相同。图片上下留了充足的安全边距,即使平台再压上自己的标签,作者信息和引文也不会被盖住。顺手还修了几个渲染问题:名字里带 @ 或 % 时多出的反斜杠、花体 Unicode 名字显示错乱,以及阅读时长或开头引文改动后卡片会自动刷新。整个改动站在 2023 年迁回自建 ImageMagick 管线的那次成本优化之上。
🔑 核心要点
- 标题在解链时已经被展示,新卡片改放正文开头,让作者的声音成为第一印象。
- 一张图通吃所有平台,上下留白给平台自己的标签让位,信息不被压盖。
- 品牌色驱动配色,未设置时从四套调色板中选,避免满屏同一张脸。
- 阅读时长或开头引文变化后卡片自动重画,编辑过的文章不会挂着旧图。
💡 金句
“It shows the first lines of your post instead. That's where your voice is, and now it's the first thing people see when your post is shared!”
译:它改为展示你文章的开头几行——那才是你的声音所在,现在别人看到你的文章被分享时,第一眼看到的就是它。
← 返回 dev.to 首页