diff --git a/src/components/layout/navbar/NavbarBrand.astro b/src/components/layout/navbar/NavbarBrand.astro
index 90b70fd..ec6c2e6 100644
--- a/src/components/layout/navbar/NavbarBrand.astro
+++ b/src/components/layout/navbar/NavbarBrand.astro
@@ -5,17 +5,20 @@ interface Props {
     logoImageUrl: string;
     siteTitle: string;
     siteSubTitle: string;
+    homeUrl?: string;
 }
 
-const { logoImageUrl, siteTitle, siteSubTitle } = Astro.props;
+const { logoImageUrl, siteTitle, siteSubTitle, homeUrl = '/' } = Astro.props;
 const hasLogo = logoImageUrl && logoImageUrl.length > 0;
 ---
 
-<div
+<a
+    href={homeUrl}
     class:list={[
-        'flex h-full items-center',
+        'navbar-brand flex h-full items-center',
         'space-x-4 sm:space-x-6 md:space-x-8 lg:space-x-10',
         'px-4 sm:px-6 md:px-8 lg:px-10',
+        'cursor-pointer no-underline',
     ]}
 >
     {
@@ -34,21 +37,21 @@ const hasLogo = logoImageUrl && logoImageUrl.length > 0;
         )
     }
     <div class="text-color-ui grid grid-cols-1 gap-1 sm:gap-2 md:gap-3">
-        <a
+        <span
             class:list={[
                 'site-title font-bold subpixel-antialiased',
                 'text-xl sm:text-2xl md:text-3xl lg:text-4xl',
-            ]}>{siteTitle}</a
+            ]}>{siteTitle}</span
         >
-        <a
+        <span
             class:list={[
                 'site-subtitle font-medium subpixel-antialiased',
                 'text-xs sm:text-sm md:text-base lg:text-xl',
                 'hidden sm:block',
-            ]}>{siteSubTitle}</a
+            ]}>{siteSubTitle}</span
         >
     </div>
-</div>
+</a>
 
 <style>
     .site-title {
diff --git a/src/components/layout/navbar/SiteNavbar.astro b/src/components/layout/navbar/SiteNavbar.astro
index 1bf8abb..a105b48 100644
--- a/src/components/layout/navbar/SiteNavbar.astro
+++ b/src/components/layout/navbar/SiteNavbar.astro
@@ -7,10 +7,17 @@ interface Props {
     logoUrl: string;
     siteTitle: string;
     siteSubTitle: string;
+    homeUrl?: string;
     isFixed?: boolean;
 }
 
-const { logoUrl, siteTitle, siteSubTitle, isFixed = false } = Astro.props;
+const {
+    logoUrl,
+    siteTitle,
+    siteSubTitle,
+    homeUrl = '/',
+    isFixed = false,
+} = Astro.props;
 ---
 
 <SmartNavbar isFixed={isFixed} client:load>
@@ -18,6 +25,7 @@ const { logoUrl, siteTitle, siteSubTitle, isFixed = false } = Astro.props;
         logoImageUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteSubTitle}
+        homeUrl={homeUrl}
     />
     <NavbarUtility />
 </SmartNavbar>
diff --git a/src/pages/[lang]/about.astro b/src/pages/[lang]/about.astro
index 7c0afbc..3531685 100644
--- a/src/pages/[lang]/about.astro
+++ b/src/pages/[lang]/about.astro
@@ -66,6 +66,7 @@ const canonicalUrl = `${env.site.url}/${locale}/about`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index 5f4f3fd..4ccb9bc 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -50,6 +50,7 @@ const canonicalUrl = `${env.site.url}/${locale}`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
     />
 
     <main class="mx-auto">
diff --git a/src/pages/[lang]/p/[key].astro b/src/pages/[lang]/p/[key].astro
index abfc6f9..5b13837 100644
--- a/src/pages/[lang]/p/[key].astro
+++ b/src/pages/[lang]/p/[key].astro
@@ -87,6 +87,7 @@ const fallbackMessage = isFallback
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 
diff --git a/src/pages/[lang]/post-view.astro b/src/pages/[lang]/post-view.astro
index 17a71b8..54442de 100644
--- a/src/pages/[lang]/post-view.astro
+++ b/src/pages/[lang]/post-view.astro
@@ -63,6 +63,7 @@ const canonicalUrl = `${env.site.url}/${locale}/post-view`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
     />
     <PostViewContainer posts={posts} />
     <Dock isFixed={true}>
diff --git a/src/pages/[lang]/privacy-policy.astro b/src/pages/[lang]/privacy-policy.astro
index 6dae048..1b7cd6a 100644
--- a/src/pages/[lang]/privacy-policy.astro
+++ b/src/pages/[lang]/privacy-policy.astro
@@ -73,6 +73,7 @@ const canonicalUrl = `${env.site.url}/${locale}/privacy-policy`;
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl={`/${locale}`}
         isFixed={true}
     />
 
diff --git a/src/pages/contact.astro b/src/pages/contact.astro
index 1ea9b73..78cd8de 100644
--- a/src/pages/contact.astro
+++ b/src/pages/contact.astro
@@ -15,6 +15,7 @@ const { siteTitle, siteDescription, logoUrl, coverImageUrl } =
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl="/zh"
         isFixed={true}
     />
 
diff --git a/src/pages/posts/[post].astro b/src/pages/posts/[post].astro
index d3b8620..cd83730 100644
--- a/src/pages/posts/[post].astro
+++ b/src/pages/posts/[post].astro
@@ -48,6 +48,7 @@ const { title, feature_image, primary_tag, tags, published_at, html } =
         logoUrl={logoUrl}
         siteTitle={siteTitle}
         siteSubTitle={siteDescription}
+        homeUrl="/zh"
         isFixed={true}
     />
     <PostContent