From 9eebb5b2aa309e5e704d7f72be7ba26c349a6c39 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Thu, 18 Sep 2025 13:42:22 +0800
Subject: [PATCH] fix: img attribute

add loading/decoding/fetchpriority

remove alt for decorative images
---
 layouts/partials/article-link/_shortcode.html   | 2 +-
 layouts/partials/article-link/card-related.html | 2 +-
 layouts/partials/article-link/card.html         | 3 +--
 layouts/partials/article-link/simple.html       | 2 +-
 layouts/partials/hero/background.html           | 5 ++++-
 layouts/partials/hero/basic.html                | 2 +-
 layouts/partials/hero/big.html                  | 8 +++++++-
 layouts/partials/hero/thumbAndBackground.html   | 7 +++++--
 8 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index fe447927..11945c2b 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -85,7 +85,7 @@
     <figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
       <img
         src="{{ . }}"
-        alt="{{ $.Title }}"
+        alt=""
         loading="lazy"
         decoding="async"
         class="not-prose absolute inset-0 w-full h-full object-cover">
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index c76d211d..7dbf4749 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -56,7 +56,7 @@
     <figure class="not-prose flex-none relative overflow-hidden thumbnail--related">
       <img
         src="{{ . }}"
-        alt="{{ $.Title }}"
+        alt=""
         loading="lazy"
         decoding="async"
         fetchpriority="low"
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index f5b164b1..18171f8f 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -60,10 +60,9 @@
     <figure class="not-prose flex-none relative overflow-hidden thumbnail--card">
       <img
         src="{{ . }}"
-        alt="{{ $.Title }}"
+        alt=""
         loading="lazy"
         decoding="async"
-        fetchpriority="low"
         class="not-prose absolute inset-0 w-full h-full object-cover">
     </figure>
   {{ end }}
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 6a0b7009..34dfccd8 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -78,7 +78,7 @@
     <figure class="not-prose flex-none relative overflow-hidden {{ $figureClasses }} thumbnail--simple">
       <img
         src="{{ . }}"
-        alt="{{ $.Title }}"
+        alt=""
         loading="lazy"
         decoding="async"
         class="not-prose absolute inset-0 w-full h-full object-cover">
diff --git a/layouts/partials/hero/background.html b/layouts/partials/hero/background.html
index 59bebb3b..ac4b202c 100644
--- a/layouts/partials/hero/background.html
+++ b/layouts/partials/hero/background.html
@@ -61,7 +61,10 @@
     <img
       id="background-image"
       src="{{ . }}"
-      alt="Background Image"
+      alt=""
+      loading="eager"
+      decoding="async"
+      fetchpriority="high"
       class="absolute inset-0 w-full h-full object-cover">
     <div
       class="absolute inset-0 bg-gradient-to-t from-neutral dark:from-neutral-800 to-transparent mix-blend-normal"></div>
diff --git a/layouts/partials/hero/basic.html b/layouts/partials/hero/basic.html
index 801f2cca..1d1c2da9 100644
--- a/layouts/partials/hero/basic.html
+++ b/layouts/partials/hero/basic.html
@@ -45,7 +45,7 @@
   <div class="overflow-hidden h-36 md:h-56 lg:h-72">
     <img
       src="{{ . }}"
-      alt="{{ $.Title }}"
+      alt=""
       loading="eager"
       decoding="async"
       fetchpriority="high"
diff --git a/layouts/partials/hero/big.html b/layouts/partials/hero/big.html
index a867f78a..afd895a0 100644
--- a/layouts/partials/hero/big.html
+++ b/layouts/partials/hero/big.html
@@ -51,7 +51,13 @@
 
 {{ with $featuredURL }}
   <figure>
-    <img class="w-full rounded-lg single_hero_round nozoom" alt="{{ $alt }}" src="{{ . }}">
+    <img
+      src="{{ . }}"
+      alt="{{ $alt }}"
+      loading="eager"
+      decoding="async"
+      fetchpriority="high"
+      class="w-full rounded-lg single_hero_round nozoom">
     {{ if $caption }}
       <figcaption class="text-sm text-neutral-700 dark:text-neutral-400 hover:underline text-center">
         {{ $caption | markdownify }}
diff --git a/layouts/partials/hero/thumbAndBackground.html b/layouts/partials/hero/thumbAndBackground.html
index 877ca934..df0ec983 100644
--- a/layouts/partials/hero/thumbAndBackground.html
+++ b/layouts/partials/hero/thumbAndBackground.html
@@ -84,7 +84,7 @@
   <div class="overflow-hidden rounded-md h-36 md:h-56 lg:h-72 nozoom">
     <img
       src="{{ . }}"
-      alt="{{ $.Title }}"
+      alt=""
       loading="eager"
       decoding="async"
       fetchpriority="high"
@@ -98,7 +98,10 @@
     <img
       id="background-image-main"
       src="{{ . }}"
-      alt="Background Image"
+      alt=""
+      loading="eager"
+      decoding="async"
+      fetchpriority="high"
       class="absolute inset-0 h-full w-full object-cover">
   {{ end }}
   <div