fixed bug

themes/Ying/layouts/_default/_markup/render-image.html

@@ -7,4 +7,4 @@
     {{- $src = $src | relURL -}}
   {{- end -}}
 {{- end -}}
-<img data-lazy-src="{{ $src }}" alt="{{ .Text }}" class="lazyload">
+<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" data-lazy-src="{{ $src }}" alt="{{ .Text }}" class="lazyload">

themes/Ying/layouts/_default/circles.html

@@ -39,9 +39,9 @@
       height: 160px;
       justify-content: space-between;
       background: rgba(255, 255, 255, 0.4);
-      /* Removed backdrop-filter for performance */
-      /* backdrop-filter: blur(16px) saturate(180%); */
-      /* -webkit-backdrop-filter: blur(16px) saturate(180%); */
+      /* Enhanced Glassmorphism for non-mobile */
+      backdrop-filter: blur(12px) saturate(120%);
+      -webkit-backdrop-filter: blur(12px) saturate(120%);
       border: 1px solid #111827;
       box-shadow: none;
       transition:
@@ -55,6 +55,18 @@
       overflow: hidden; /* 防止背景图溢出 */
     }
 
+    /* Mobile Optimization: Remove expensive effects */
+    @media (max-width: 767px) {
+        .fc-item {
+            backdrop-filter: none !important;
+            -webkit-backdrop-filter: none !important;
+            background: rgba(255, 255, 255, 0.8); /* Higher opacity fallback */
+        }
+        [data-theme="dark"] .fc-item {
+            background: rgba(30, 30, 30, 0.8);
+        }
+    }
+
     .friend-circle-list a {
       text-decoration: none;
     }

themes/Ying/layouts/partials/artalk.html

@@ -4,6 +4,17 @@
     .atk-loading{
         background: #FFFFFF;
     }
+    .atk-loading-editor-box {
+        margin-bottom: 30px;
+        border: 1px solid var(--frame-color);
+        border-radius: 4px;
+        padding: 10px;
+        background: #fff;
+    }
+    [data-theme="dark"] .atk-loading-editor-box {
+        border-color: var(--frame-dark-color);
+        background: transparent;
+    }
     /*对artalk评论暗夜模式进行微调*/
     @media (prefers-color-scheme: dark) {
         .atk-pinned-badge {
@@ -20,6 +31,21 @@
 <div id="Comments" uk-scrollspy="target: > *; cls: uk-animation-slide-bottom-small; delay: 100">
     <!-- Loading Skeleton -->
     <div class="atk-loading-placeholder">
+        <!-- Editor Skeleton -->
+        <div class="atk-loading-editor-box">
+            <div style="display: flex; gap: 10px; margin-bottom: 10px;">
+                <div class="atk-loading-line" style="width: 32%; height: 34px; border-radius: 4px; margin-bottom: 0;"></div>
+                <div class="atk-loading-line" style="width: 32%; height: 34px; border-radius: 4px; margin-bottom: 0;"></div>
+                <div class="atk-loading-line" style="width: 32%; height: 34px; border-radius: 4px; margin-bottom: 0;"></div>
+            </div>
+            <div class="atk-loading-line" style="width: 100%; height: 120px; border-radius: 4px; margin-bottom: 10px;"></div>
+            <div style="display: flex; justify-content: space-between; align-items: center;">
+                <div class="atk-loading-line" style="width: 120px; height: 20px; margin-bottom: 0;"></div>
+                <div class="atk-loading-line" style="width: 80px; height: 34px; border-radius: 4px; margin-bottom: 0;"></div>
+            </div>
+        </div>
+
+        <!-- Comment List Skeleton -->
         <div class="atk-loading-item">
             <div class="atk-loading-avatar"></div>
             <div class="atk-loading-content">
@@ -45,6 +71,7 @@
         el: '#Comments',
         server: '{{ .Site.Params.artalk.server }}',
         site: '{{ .Site.Params.artalk.site }}',
+        aiBadge: '{{ .Site.Params.artalk.ai_badge | default "AI" }}',
         pageKey: '{{ .RelPermalink }}',
         emoticons: '{{ .Site.Params.artalk.emoticons | relURL }}',
         aiComment: {{ if .Params.ai_comment }}

themes/Ying/layouts/partials/footer.html

@@ -66,10 +66,11 @@
 {{ $loader := resources.Get "js/modules/loader.js" }}
 {{ $search := resources.Get "js/modules/search.js" }}
 {{ $floatingTools := resources.Get "js/modules/floating-tools.js" }}
+{{ $paragraphComments := resources.Get "js/modules/paragraph-comments.js" }}
 {{ $artalkModule := resources.Get "js/modules/artalk.js" }}
 {{ $pjaxLib := resources.Get "js/pjax.js" }}
 
-{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $artalk $barrage $utils $loader $search $floatingTools $artalkModule $nprogress $pjaxLib $main $mypjax $message $echarts $tiaozhuan | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
+{{ $scripts := slice $iconfont $lightgallery $uikit $easylazyload $viewimage $artalk $barrage $utils $loader $search $floatingTools $paragraphComments $artalkModule $nprogress $pjaxLib $main $mypjax $message $echarts $tiaozhuan | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
 <script src="{{ $scripts.RelPermalink }}"></script>
 <script async src="/js/bsz.js"></script>
 </body>

themes/Ying/layouts/partials/head.html

@@ -52,6 +52,19 @@
           }
         }
         document.documentElement.setAttribute('data-theme', theme);
+        
+        // Listen for system changes
+        if (window.matchMedia) {
+          window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', event => {
+             // Only switch if user hasn't manually set a preference
+             // Or maybe we should respect system change if user hasn't explicitly locked it?
+             // Common behavior: manual override sticks.
+             if (!localStorage.getItem('theme')) {
+                 var newTheme = event.matches ? "dark" : "light";
+                 document.documentElement.setAttribute('data-theme', newTheme);
+             }
+          });
+        }
       } catch (e) {}
     })();
   </script>

themes/Ying/layouts/partials/header.html

@@ -4,7 +4,7 @@
     <div class="container">
         <div class="header">
             <div class="header-top">
-                <div class="head_author_img load-memos-editor">
+                <div class="head_author_img load-memos-editor" id="theme-toggle-avatar">
                     <img src="{{ .Site.Params.author.avatar }}" class="blog-img" width="80" height="80" alt="{{ .Site.Title }}" />
                     <div class="avatar-theme-tip">
                         点击头像切换昼夜