From bc8eb5da70bc57fb1fd8a47fcb88524b111d708e Mon Sep 17 00:00:00 2001
From: Vaica <94612053+zqlit@users.noreply.github.com>
Date: Fri, 30 Jan 2026 14:18:47 +0800
Subject: [PATCH] =?UTF-8?q?added=20=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=85=B3?=
 =?UTF-8?q?=E4=BA=8E=E9=A1=B5=E9=9D=A2=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 content/about.md                        |  2 +-
 themes/Ying/assets/css/main.css         | 11 +++++++++++
 themes/Ying/layouts/_default/about.html | 18 ++++++++++++++++++
 3 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/content/about.md b/content/about.md
index 80738a94..ce2698aa 100644
--- a/content/about.md
+++ b/content/about.md
@@ -101,8 +101,8 @@ draft: false
         <span class="skill-tag">Jenkins</span>
         <span class="skill-tag">Ansible</span>
         <span class="skill-tag">Prometheus</span>
-        <span class="skill-tag">Grafana</span>
         <span class="skill-tag">ELK</span>
+        <span class="skill-tag">Git</span>
       </div>
     </div>
   </div>
diff --git a/themes/Ying/assets/css/main.css b/themes/Ying/assets/css/main.css
index 2296af83..f42e00e6 100644
--- a/themes/Ying/assets/css/main.css
+++ b/themes/Ying/assets/css/main.css
@@ -3799,6 +3799,17 @@ html[data-theme="light"] .atk-loading-spinner svg circle {
     line-height: 1.2;
 }
 
+/* Mobile Visibility Utilities */
+.mobile-visible-only {
+    display: none !important;
+}
+
+@media (max-width: 768px) {
+    .mobile-visible-only {
+        display: block !important;
+    }
+}
+
 /* Dark Mode Adjustments */
 [data-theme="dark"] .album-item {
     background: #1a1a1a;
diff --git a/themes/Ying/layouts/_default/about.html b/themes/Ying/layouts/_default/about.html
index 67195c0b..dcbed8d2 100644
--- a/themes/Ying/layouts/_default/about.html
+++ b/themes/Ying/layouts/_default/about.html
@@ -2,6 +2,24 @@
 <div id="pjax-container">
   <div class="post-content" itemprop="articleBody" uk-scrollspy="target: > h2,p; cls: uk-animation-slide-bottom-small; delay: 0">
     {{ .Content }}
+    
+    <!-- Mobile Only Album Section -->
+    <div class="mobile-visible-only" style="margin-top: 40px;">
+        <div class="section-title">03 / 光影 (Album)</div>
+        <div class="album-content">
+            {{ range site.Data.album }}
+            <div class="album-item">
+                <div class="album-img-box">
+                    <img src="{{ .image }}" loading="lazy">
+                    {{ if .date }}<span class="album-date-badge">{{ .date }}</span>{{ end }}
+                    <div class="album-info">
+                        <span class="album-title">{{ .title }}</span>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
   </div>
 </div>
 {{ end }}
\ No newline at end of file