fix(Footer): 修复主页链接错误

style(ThemeToggle): 统一引号格式并添加屏幕阅读器提示
refactor(Header): 替换用户头像为本地SVG文件
chore: 添加用户头像SVG文件

Author: ExquisiteCore

blog-web/public/user-svgrepo-com.svg

@@ -50,7 +50,7 @@ const currentYear = new Date().getFullYear();
                     </svg>
                     Github@ExquisiteCore
                 </a>
-                <a href="#" class="link link-hover flex items-center gap-2">
+                <a href="/" class="link link-hover flex items-center gap-2">
                     <svg
                         xmlns="http://www.w3.org/2000/svg"
                         width="20"

blog-web/src/components/Footer.astro

@@ -168,10 +168,7 @@ const getTabClass = (isActive: boolean) => {
                     class="btn btn-ghost btn-circle avatar"
                 >
                     <div class="w-10 rounded-full">
-                        <img
-                            alt="用户头像"
-                            src="https://daisyui.com/images/stock/photo-1534528741775-53994a69daeb.jpg"
-                        />
+                        <img alt="用户头像" src="/user-svgrepo-com.svg" />
                     </div>
                 </div>
                 <ul

blog-web/src/components/Header.astro

@@ -2,45 +2,49 @@ import { createSignal, onMount } from "solid-js";
 
 export default function ThemeToggle() {
   const [isDarkMode, setIsDarkMode] = createSignal(false);
-  
+
   // Initialize theme based on localStorage or system preference
   onMount(() => {
-    if (typeof localStorage !== 'undefined') {
-      const savedTheme = localStorage.getItem('theme');
-      if (savedTheme === 'dark') {
+    if (typeof localStorage !== "undefined") {
+      const savedTheme = localStorage.getItem("theme");
+      if (savedTheme === "dark") {
         setIsDarkMode(true);
-      } else if (savedTheme === 'light') {
+      } else if (savedTheme === "light") {
         setIsDarkMode(false);
       } else {
         // Check system preference if no saved preference
-        const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+        const prefersDark = window.matchMedia(
+          "(prefers-color-scheme: dark)",
+        ).matches;
         setIsDarkMode(prefersDark);
-        localStorage.setItem('theme', prefersDark ? 'dark' : 'light');
+        localStorage.setItem("theme", prefersDark ? "dark" : "light");
       }
     }
   });
-  
+
   // Handle theme toggle
   const toggleTheme = () => {
     const newTheme = !isDarkMode();
     setIsDarkMode(newTheme);
-    
+
     // Update theme in localStorage and document
-    const themeName = newTheme ? 'dark' : 'light';
-    if (typeof localStorage !== 'undefined') {
-      localStorage.setItem('theme', themeName);
+    const themeName = newTheme ? "dark" : "light";
+    if (typeof localStorage !== "undefined") {
+      localStorage.setItem("theme", themeName);
     }
-    document.documentElement.setAttribute('data-theme', themeName);
+    document.documentElement.setAttribute("data-theme", themeName);
   };
-  
+
   return (
     <label class="swap swap-rotate btn btn-ghost btn-circle">
-      <input 
-        type="checkbox" 
-        class="theme-controller" 
-        checked={isDarkMode()} 
-        onChange={toggleTheme} 
+      <input
+        type="checkbox"
+        class="theme-controller"
+        checked={isDarkMode()}
+        onChange={toggleTheme}
       />
+      {/* 屏幕阅读器专用文本 */}
+      <span class="sr-only">切换主题模式</span>
       {/* Sun icon */}
       <svg
         class="swap-on fill-current w-5 h-5"
@@ -59,4 +63,4 @@ export default function ThemeToggle() {
       </svg>
     </label>
   );
-}
+}