fix:cumulative_layout_shift

config.toml

@@ -34,7 +34,7 @@ accent_color = "blue"
 # One of: blue, dark, green, orange, pink, red, light, auto
 # Enabling dark background will also modify primary font color to be darker.
 # Defaults to accent color (or, if not accent color specified, to blue).
-background_color = "dark"
+background_color = "blue"
 
 # The logo text - defaults to "Terminimal theme"
 logo_text = "Dich's Blog"

public/404.html

@@ -9,12 +9,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -32,9 +35,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-2024/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-2024/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-accurate-pronunciation/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-accurate-pronunciation/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-baci/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-baci/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-blog/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-blog/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-calling-cards/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-calling-cards/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-cslearning/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-cslearning/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-gfs/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-gfs/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-git/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-git/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-gpg/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-gpg/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-junk-cleanup/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-junk-cleanup/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-lazyvim/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-lazyvim/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-markdown/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-markdown/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-mechrev-keyboard/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-mechrev-keyboard/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-opensource/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-opensource/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-podcast-use/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-podcast-use/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-rss-read/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-rss-read/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-server-set/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-server-set/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-shortcut-key/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-shortcut-key/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-sports/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-sports/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about-ventoy/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about-ventoy/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/about/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/about/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/archive/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/archive/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-android-root/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-android-root/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-android-tv/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-android-tv/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-arch-linux/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-arch-linux/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-openwrt/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-openwrt/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-pve-mcsm/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-pve-mcsm/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/awesome-vm-android/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/awesome-vm-android/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/color/blue.css

@@ -1 +1 @@
-:root{--accent: rgb(35,176,255);--accent-alpha-70: rgba(35,176,255,.7);--accent-alpha-20: rgba(35,176,255,.2);--background: #1D212C;--color: white;--border-color: rgba(255, 255, 255, .1)}
+:root{--accent: rgb(50, 200, 255);--accent-alpha-70: rgba(50,200,255,0.7);--accent-alpha-20: rgba(50,200,255,0.35);--background: #1D212C;--color: #E0E6F0;--border-color: rgba(255, 255, 255, .1)}

public/font-hack-subset.css

@@ -1,4 +1,4 @@
 /*!
  *  Hack typeface https://github.com/source-foundry/Hack
  *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
- */@font-face{font-family:"Hack";src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-regular.woff?sha=3114f1256") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Hack";src:url("fonts/hack-bold-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bold-subset.woff?sha=3114f1256") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Hack";src:url("fonts/hack-italic-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-italic-webfont.woff?sha=3114f1256") format("woff");font-weight:400;font-style:italic}@font-face{font-family:"Hack";src:url("fonts/hack-bolditalic-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bolditalic-subset.woff?sha=3114f1256") format("woff");font-weight:700;font-style:italic}
+ */@font-face{font-family:"Hack";src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-regular.woff?sha=3114f1256") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-bold-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bold-subset.woff?sha=3114f1256") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-italic-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-italic-webfont.woff?sha=3114f1256") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-bolditalic-subset.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bolditalic-subset.woff?sha=3114f1256") format("woff");font-weight:700;font-style:italic;font-display:swap}

public/font-hack.css

@@ -1,4 +1,4 @@
 /*!
  *  Hack typeface https://github.com/source-foundry/Hack
  *  License: https://github.com/source-foundry/Hack/blob/master/LICENSE.md
- */@font-face{font-family:"Hack";src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-regular.woff?sha=3114f1256") format("woff");font-weight:400;font-style:normal}@font-face{font-family:"Hack";src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bold.woff?sha=3114f1256") format("woff");font-weight:700;font-style:normal}@font-face{font-family:"Hack";src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-italic.woff?sha=3114f1256") format("woff");font-weight:400;font-style:italic}@font-face{font-family:"Hack";src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff");font-weight:700;font-style:italic}
+ */@font-face{font-family:"Hack";src:url("fonts/hack-regular.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-regular.woff?sha=3114f1256") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-bold.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bold.woff?sha=3114f1256") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-italic.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-italic.woff?sha=3114f1256") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Hack";src:url("fonts/hack-bolditalic.woff2?sha=3114f1256") format("woff2"),url("fonts/hack-bolditalic.woff?sha=3114f1256") format("woff");font-weight:700;font-style:italic;font-display:swap}

public/footer.css

@@ -1 +1 @@
-.footer{padding:40px 0;flex-grow:0;opacity:.5}.footer__inner{display:flex;align-items:center;justify-content:space-between;margin:0;width:760px;max-width:100%}@media (max-width: 899px){.footer__inner{flex-direction:column}}.footer a{color:inherit}.footer .copyright{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:var(--light-color-secondary)}.footer .copyright--user{margin:auto;text-align:center}.footer .copyright>*:first-child:not(:only-child){margin-right:10px}@media (max-width: 899px){.footer .copyright>*:first-child:not(:only-child){border:none;padding:0;margin:0}}@media (max-width: 899px){.footer .copyright{flex-direction:column;margin-top:10px}}@media (max-width: 899px){.footer .copyright-theme-sep{display:none}}@media (max-width: 899px){.footer .copyright-theme{font-size:.75rem}}
+.footer{padding:40px 0;flex-grow:0;opacity:.8}.footer__inner{display:flex;align-items:center;justify-content:space-between;margin:0;width:760px;max-width:100%}@media (max-width: 899px){.footer__inner{flex-direction:column}}.footer a{color:inherit}.footer .copyright{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:var(--light-color-secondary)}.footer .copyright--user{margin:auto;text-align:center}.footer .copyright>*:first-child:not(:only-child){margin-right:10px}@media (max-width: 899px){.footer .copyright>*:first-child:not(:only-child){border:none;padding:0;margin:0}}@media (max-width: 899px){.footer .copyright{flex-direction:column;margin-top:10px}}@media (max-width: 899px){.footer .copyright-theme-sep{display:none}}@media (max-width: 899px){.footer .copyright-theme{font-size:.75rem}}

public/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-1/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-1/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-2/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-3/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-3/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-4/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-4/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-5/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-5/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-6/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-6/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/links/link-7/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/links/link-7/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-aria2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-aria2/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-cdn/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-cdn/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-download-1/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-download-1/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-frp/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-frp/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-homenet-1/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-homenet-1/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-homenet-2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-homenet-2/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-how-email-works-1/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-how-email-works-1/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-how-email-works-2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-how-email-works-2/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-isps/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-isps/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-nginx/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-nginx/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-ssh/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-ssh/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-ssl/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-ssl/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/network-yt-dlp/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/network-yt-dlp/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/3/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/4/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/5/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/6/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/7/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/8/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/page/9/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/pagefind/pagefind-entry.json

@@ -1 +1 @@
-{"version":"1.3.0","languages":{"en":{"hash":"en_b77df0abc2","wasm":"en","page_count":74}}}
+{"version":"1.3.0","languages":{"en":{"hash":"en_e6c79d1c60","wasm":"en","page_count":74}}}

public/post.css

@@ -1 +1 @@
-.posts{width:100%;margin:0 auto}.post{width:100%;text-align:left;margin:20px auto;padding:20px 0}@media (max-width: 899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid var(--border-color)}.post .post-meta-inline,.post .post-meta{font-size:1rem;margin-bottom:10px;color:var(--accent-alpha-70)}.post-meta-inline{display:inline}.post-title{--border: 2px dashed var(--accent);position:relative;color:var(--accent);margin:0 0 15px;padding-bottom:15px;border-bottom:var(--border);font-weight:normal}.post-title a{text-decoration:none}.post .post-tags-inline,.post .post-tags{margin-bottom:20px;font-size:1rem;opacity:.5}.post-tags{display:block}.post-tags-inline{display:inline}@media (max-width: 683px){.post-tags-inline{display:block}}.post-content{margin-top:30px}.post-cover{border:20px solid var(--accent);background:rgba(0,0,0,0);margin:40px 0;padding:20px}@media (max-width: 683px){.post-cover{padding:10px;border-width:10px}}.post ul{list-style:none}.post ul li:before{content:"►";position:absolute;left:-20px;color:var(--accent)}.post--regulation h1{justify-content:center}.post--regulation h2{justify-content:center;margin-bottom:10px}.post--regulation h2+h2{margin-top:-10px;margin-bottom:20px}.post-list .post-date{color:var(--accent-alpha-70);text-decoration:none}.post-list a{text-decoration:none}.post-list .post-list-title{text-decoration:underline}.post-list .post-tag{text-decoration:underline}
+.posts{width:100%;margin:0 auto}.post{width:100%;text-align:left;margin:20px auto;padding:20px 0}@media (max-width: 899px){.post{max-width:660px}}.post:not(:last-of-type){border-bottom:1px solid var(--border-color)}.post .post-meta-inline,.post .post-meta{font-size:1rem;margin-bottom:10px;color:var(--accent-alpha-70)}.post-meta-inline{display:inline}.post-title{--border: 2px dashed var(--accent);position:relative;color:var(--accent);margin:0 0 15px;padding-bottom:15px;border-bottom:var(--border);font-weight:normal}.post-title a{text-decoration:none}.post .post-tags-inline,.post .post-tags{margin-bottom:20px;font-size:1rem;opacity:.9}.post-tags{display:block}.post-tags-inline{display:inline}@media (max-width: 683px){.post-tags-inline{display:block}}.post-content{margin-top:30px}.post-cover{border:20px solid var(--accent);background:rgba(0,0,0,0);margin:40px 0;padding:20px}@media (max-width: 683px){.post-cover{padding:10px;border-width:10px}}.post ul{list-style:none}.post ul li:before{content:"►";position:absolute;left:-20px;color:var(--accent)}.post--regulation h1{justify-content:center}.post--regulation h2{justify-content:center;margin-bottom:10px}.post--regulation h2+h2{margin-top:-10px;margin-bottom:20px}.post-list .post-date{color:var(--accent-alpha-70);text-decoration:none}.post-list a{text-decoration:none}.post-list .post-list-title{text-decoration:underline}.post-list .post-tag{text-decoration:underline}

public/search/index.html

@@ -9,12 +9,15 @@ Search | Dich's Blog
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -31,9 +34,7 @@ Search | Dich&#x27;s Blog
     <meta property="twitter:url" content="https://blog.dich.bid/search/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/tags/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -32,9 +35,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/tags">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/tags/luan-qi-ba-zao/index.html

@@ -8,12 +8,15 @@ Dich&#x27;s Blog</title>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -33,9 +36,7 @@ Dich&#x27;s Blog</title>
     <meta property="twitter:url" content="https://blog.dich.bid/tags/luan-qi-ba-zao/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/tags/network/index.html

@@ -8,12 +8,15 @@ Dich&#x27;s Blog</title>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -33,9 +36,7 @@ Dich&#x27;s Blog</title>
     <meta property="twitter:url" content="https://blog.dich.bid/tags/network/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/tags/windows/index.html

@@ -8,12 +8,15 @@ Dich&#x27;s Blog</title>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -33,9 +36,7 @@ Dich&#x27;s Blog</title>
     <meta property="twitter:url" content="https://blog.dich.bid/tags/windows/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/tags/zong-he-gong-cheng/index.html

@@ -8,12 +8,15 @@ Dich&#x27;s Blog</title>
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     
@@ -33,9 +36,7 @@ Dich&#x27;s Blog</title>
     <meta property="twitter:url" content="https://blog.dich.bid/tags/zong-he-gong-cheng/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="用电子罗盘，转赛博核桃，勘电磁风水，寻网络龙脉">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-1/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-1/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-10/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-10/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-11/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-11/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-12/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-12/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-13/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-13/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-14/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-14/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-15/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-15/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-16/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-16/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-17/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-17/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-18/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-18/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-19/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-19/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-2/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-2/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-20/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-20/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-21/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-21/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>

public/weekly/zhoubao-3/index.html

@@ -7,12 +7,15 @@
     <meta http-equiv="content-type" content="text/html; charset=utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="robots" content="noodp"/>
+    <!-- 字体预加载 - 减少布局偏移 CLS -->
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-regular.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bold.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-italic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="https://blog.dich.bid/fonts/hack-bolditalic.woff2?sha=3114f1256" as="font" type="font/woff2" crossorigin>
 
     <link rel="stylesheet" href="https://blog.dich.bid/style.css">
     <link rel="stylesheet" href="https://blog.dich.bid/color/blue.css">
 
-        <link rel="stylesheet" href="https://blog.dich.bid/color/background_dark.css">
-    
     <link rel="stylesheet" href="https://blog.dich.bid/font-hack-subset.css">
 
     <meta name="description" content="">
@@ -29,9 +32,7 @@
     <meta property="twitter:url" content="https://blog.dich.bid/weekly/zhoubao-3/">
 
                 <link rel="alternate" type="application/atom+xml" title="Dich&#x27;s Blog Atom Feed" href="https://blog.dich.bid/atom.xml" />
-    
+        <link rel="shortcut icon" type="image/webp" href="/dich.webp">
-    
-        <link rel="icon" type="image/png" href=&#x2F;dich.webp />
     
     <!-- ✅ Added center alignment styles -->
     <style>