diff --git a/index.html b/index.html
index 3ef1e3b..0d22b67 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/apple-touch-icon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>NEZHA</title>
     <script>
       (function () {
         const storageKey = "vite-ui-theme";
@@ -29,7 +30,6 @@
       rel="stylesheet"
       href="https://cdn.jsdelivr.net/npm/font-logos@1/assets/font-logos.css"
     />
-    <title>NEZHA</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index d5cfa94..8fdb4d1 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -22,6 +22,10 @@ function Header() {
 
   const siteName = settingData?.data?.site_name;
 
+  useEffect(() => {
+    document.title = siteName || "NEZHA";
+  }, [siteName]);
+
   return (
     <div className="mx-auto w-full max-w-5xl">
       <section className="flex items-center justify-between">
