feat(icons): 添加favicon模式,自动匹配图标
- 新增配置 icons.mode(manual | favicon),默认 favicon,未配置场景下自动生效 - 模板调用 t3.gstatic.com/faviconV2 获取站点图标;加载中显示旋转占位,失败回退至 Font Awesome 图标 - 新增 ifHttpUrl 与 encodeURIComponent,提升模板安全性与可读性 - 搜索索引优先读取 .icon-fallback,保证 favicon 模式下图标类名一致 - 样式新增 .favicon-icon 与 hover 效果,维持卡片观感一致性
This commit is contained in:
@@ -919,11 +919,27 @@ body .content.expanded {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
/* 网站卡片 favicon 图片样式,与图标尺寸保持一致 */
|
||||
.site-card .favicon-icon {
|
||||
display: inline-block;
|
||||
width: 1.8rem;
|
||||
height: 1.8rem;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 4px;
|
||||
object-fit: cover;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
.site-card:hover i {
|
||||
transform: scale(1.1);
|
||||
color: var(--accent-hover);
|
||||
}
|
||||
|
||||
.site-card:hover .favicon-icon {
|
||||
transform: scale(1.1);
|
||||
box-shadow: 0 0 0 1px var(--border-color);
|
||||
}
|
||||
|
||||
.site-card h3 {
|
||||
font-size: 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
|
||||
Reference in New Issue
Block a user