From ffd4f220124b193198229bb49c231386f9a8ff58 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Fri, 16 May 2025 15:56:12 +0800
Subject: perf: distribute header image and other png with CDN

Former-commit-id: fead0b72578205bc4d6682fb02b5b2da8ff62588
---
 assets/css/components/_library.scss               | 2 +-
 config/_default/params.yaml                       | 2 ++
 layouts/cards/single.html                         | 2 +-
 layouts/library/single.html                       | 2 +-
 layouts/partials/components/post-page-header.html | 2 +-
 layouts/partials/header.html                      | 2 +-
 6 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/assets/css/components/_library.scss b/assets/css/components/_library.scss
index e95513a3..8aa1ea03 100644
--- a/assets/css/components/_library.scss
+++ b/assets/css/components/_library.scss
@@ -25,7 +25,7 @@
                 left: 25%;
                 height: 50%;
                 width: 50%;
-                background-image: url('/img/thumbs-down.png');
+                background-image: url('https://image.guhub.cn/uPic/2025/05/thumbs-down.png');
                 background-size: 100%;
                 background-position: center;
                 background-repeat: no-repeat;
diff --git a/config/_default/params.yaml b/config/_default/params.yaml
index b3a9ef32..27f9e88d 100644
--- a/config/_default/params.yaml
+++ b/config/_default/params.yaml
@@ -35,3 +35,5 @@ giscus:
   emitMetadata: 0
   inputPosition: top
   theme: "https://www.geedea.pro/css/giscus_noborder.css"
+images:
+  header: https://image.guhub.cn/uPic/2025/05/header.png
diff --git a/layouts/cards/single.html b/layouts/cards/single.html
index 5d2c99dc..a4d2a9f1 100644
--- a/layouts/cards/single.html
+++ b/layouts/cards/single.html
@@ -2,7 +2,7 @@
     <article class="card-page">
         <a href="{{ .Site.LanguagePrefix }}/cards"
             class="title-image-container">
-            <img src="/header.png" alt="Logo"
+            <img src="{{ .Site.Params.images.header }}" alt="Logo"
                 class="invert-if-dark title-image"
                 style="view-transition-name: title-image"
             />
diff --git a/layouts/library/single.html b/layouts/library/single.html
index 6eb32a94..ed11bda1 100644
--- a/layouts/library/single.html
+++ b/layouts/library/single.html
@@ -24,7 +24,7 @@
             <div>
                 <a href="{{ .Site.LanguagePrefix }}/library"
                     class="title-image-container">
-                    <img src="/header.png" alt="Logo"
+                    <img src="{{ .Site.Params.images.header }}" alt="Logo"
                         class="invert-if-dark title-image"
                         style="view-transition-name: title-image"
                     />
diff --git a/layouts/partials/components/post-page-header.html b/layouts/partials/components/post-page-header.html
index 12a0376a..3c572b45 100644
--- a/layouts/partials/components/post-page-header.html
+++ b/layouts/partials/components/post-page-header.html
@@ -2,7 +2,7 @@
     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 }}/header.png{{ end }}" alt="Logo"
+        <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"
         />
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 8dcf770d..53283162 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,7 @@
 <header id="site-header">
   <!-- Header Title -->
   <div class="header-title">
-    <img src="/header.png" alt="Logo"
+    <img src="{{ .Site.Params.images.header }}" alt="Logo"
         class="invert-if-dark title-image"
         style="view-transition-name: title-image"
     />
-- 
cgit v1.2.3