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:
coolzr
2025-10-18 22:32:05 +08:00
parent 95398e074a
commit aa264cc727
6 changed files with 109 additions and 14 deletions

View File

@@ -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;