biss/blog
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

fix the home page

Browse Source
This commit is contained in:
biss
2025-08-12 17:57:34 +08:00
parent 570d0bc61e
commit cd894d662d
3 changed files with 30 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
themes/butterfly/source/css/style.css
View File

@@ -6,7 +6,7 @@
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -16,7 +16,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -84,7 +84,7 @@
rgba(35, 37, 58, .5),
rgba(35, 37, 58, .5),
rgba(24, 40, 72, .6));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -103,7 +103,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -122,7 +122,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -141,7 +141,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -160,7 +160,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -185,26 +185,26 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .8),
rgba(255, 255, 255, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
rgba(255, 255, 255, .7))!important;
backdrop-filter: blur(10px)!important;
/* -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),
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px); 兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -223,7 +223,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -243,7 +243,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -262,7 +262,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
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, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}
@@ -281,7 +281,7 @@
rgba(35, 37, 58, .8),
rgba(35, 37, 58, .8),
rgba(24, 40, 72, .7));
/* backdrop-filter: blur(10px); 应用高斯模糊效果，可以根据需要调整模糊程度 */
backdrop-filter: blur(10px);
/* -webkit-backdrop-filter: blur(10px);兼容性前缀，适用于一些旧版本的浏览器 */
}