fix the home page

This commit is contained in:
2025-08-12 17:57:34 +08:00
parent 570d0bc61e
commit cd894d662d
3 changed files with 30 additions and 28 deletions

View File

@@ -209,4 +209,5 @@ aisummary:
# - "!\\[.*?\\]\\(.*?\\)" # - "!\\[.*?\\]\\(.*?\\)"
max_token: 50000 # 输入内容最大 token 长度(非输出限制) max_token: 50000 # 输入内容最大 token 长度(非输出限制)
concurrency: 2 # 并发处理数,建议不高于 5 concurrency: 2 # 并发处理数,建议不高于 5hexo s

View File

@@ -3,6 +3,7 @@ title: 自定义字体
categories: 网站 categories: 网站
series: webcustom series: webcustom
tags: 网站 tags: 网站
summary: 介绍如何自定义网站字体
abbrlink: b5601a7e abbrlink: b5601a7e
date: 2025-08-12 10:57:21 date: 2025-08-12 10:57:21
--- ---

View File

@@ -6,7 +6,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -16,7 +16,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -28,7 +28,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -84,7 +84,7 @@
rgba(35, 37, 58, .5), rgba(35, 37, 58, .5),
rgba(35, 37, 58, .5), rgba(35, 37, 58, .5),
rgba(24, 40, 72, .6)); rgba(24, 40, 72, .6));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -94,7 +94,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -103,7 +103,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -113,7 +113,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -122,7 +122,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -132,7 +132,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -141,7 +141,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -151,7 +151,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -160,7 +160,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -176,7 +176,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -185,26 +185,26 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
/*主页文章预览页面*/ /*主页文章预览页面*/
#recent-posts>.recent-post-item { #recent-posts>.recent-post-items>.recent-post-item {
background: linear-gradient(-45deg, rgba(255, 255, 255, .7), background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7))!important;
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px)!important;
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
[data-theme=dark] #recent-posts>.recent-post-item { [data-theme=dark] #recent-posts>.recent-post-items>.recent-post-item {
background: linear-gradient(-45deg, rgba(24, 40, 72, .7), background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -214,7 +214,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -223,7 +223,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -234,7 +234,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -243,7 +243,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -253,7 +253,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -262,7 +262,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -272,7 +272,7 @@
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8), rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7)); rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }
@@ -281,7 +281,7 @@
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8), rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7)); rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果,可以根据需要调整模糊程度 */ backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
} }