added 移动端关于页面优化

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>

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;

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 }}