refactor: reuse title-image (logo.html)

Former-commit-id: 83e93e66caf86656b37659ac5ee60d3e840d19dd

5 files changed, 18 insertions, 27 deletions

diff --git a/layouts/cards/single.html b/layouts/cards/single.html
index 846f985b..0b269bca 100644
--- a/layouts/cards/single.html
+++ b/layouts/cards/single.html
@@ -1,12 +1,6 @@
 {{ define "main" }}
     <article class="card-page">
-        <a href="{{ .Site.LanguagePrefix }}/cards"
-            class="title-image-container">
-            <img src="{{ .Site.Params.images.header }}" alt="Logo"
-                class="invert-if-dark title-image"
-                style="view-transition-name: title-image"
-            />
-        </a>
+        {{ partial "components/logo" (dict "link" "cards") }}
         {{ partial "items/card" (dict "context" .) }}
 
         {{- /* 查询引用了这个卡片的文章 */ -}}
diff --git a/layouts/library/single.html b/layouts/library/single.html
index 861cee24..1f051da7 100644
--- a/layouts/library/single.html
+++ b/layouts/library/single.html
@@ -22,13 +22,7 @@
             </p>
             <!-- 导航作用的骷髅头图标 -->
             <div>
-                <a href="{{ .Site.LanguagePrefix }}/library"
-                    class="title-image-container">
-                    <img src="{{ .Site.Params.images.header }}" alt="Logo"
-                        class="invert-if-dark title-image"
-                        style="view-transition-name: title-image"
-                    />
-                </a>
+                {{ partial "components/logo" (dict "link" "library") }}
             </div>
         </div>
         <div class="markdown-body book-body">
diff --git a/layouts/partials/components/logo.html b/layouts/partials/components/logo.html
new file mode 100644
index 00000000..36040768
--- /dev/null
+++ b/layouts/partials/components/logo.html
@@ -0,0 +1,10 @@
+{{ $default := "https://image.guhub.cn/uPic/2025/05/header.png" }}
+{{ $link := .link | default "" }}
+{{ $src := .src | default $default }}
+
+<a href="{{ .Site.LanguagePrefix }}/{{ $link }}"
+    class="title-image-container">
+    <img src="{{ $src }}" alt="Logo"
+        class="invert-if-dark title-image"
+        style="view-transition-name: title-image" />
+</a>
diff --git a/layouts/partials/components/post-page-header.html b/layouts/partials/components/post-page-header.html
index 3c572b45..4363b74c 100644
--- a/layouts/partials/components/post-page-header.html
+++ b/layouts/partials/components/post-page-header.html
@@ -1,10 +1,8 @@
 <header id="post-page-header"
     class="{{ with .Params.banner }}with-banner{{ end }} {{ if eq .Section "fictions" }}fiction-page-header{{ end }}">
-    <a href="{{ .Site.LanguagePrefix }}/{{ if eq .Section "fictions" }}fictions{{ end }}"
-        class="title-image-container">
-        <img src="{{ if eq .Section "fictions" }}/img/potted-skeleton.svg{{ else }}{{ .Site.Params.images.header }}{{ end }}" alt="Logo"
-            class="invert-if-dark title-image"
-            style="view-transition-name: title-image"
-        />
-    </a>
+    {{ if eq .Section "fictions" }}
+        {{ partial "components/logo" (dict "src" "/img/potted-skeleton.svg" "link" "fictions") }}
+    {{ else }}
+        {{ partial "components/logo" }}
+    {{ end }}
 </header>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8213690a..214552d6 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,12 +1,7 @@
 <header id="site-header">
   <!-- Header Title -->
   <div class="header-title">
-    <a href="{{ .Site.LanguagePrefix }}/">
-        <img src="{{ .Site.Params.images.header }}" alt="Logo"
-            class="invert-if-dark title-image"
-            style="view-transition-name: title-image"
-        />
-    </a>
+    {{ partial "components/logo" }}
     <a class="title-link" href="{{ .Site.LanguagePrefix }}/"
       >{{ .Site.Params.headTitle }}</a
     >