修复流畅性

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

@@ -14,6 +14,6 @@
     {{- $src = $src | relURL -}}
   {{- end -}}
 {{- end -}}
-<span class="sen-image-frame sen-media-host"{{ with $alt }} data-title="{{ . }}"{{ end }}>
-  <img src="{{ $src }}" alt="{{ $alt }}"{{ with $alt }} title="{{ . }}"{{ end }} class="lazyload lazy-loaded" loading="lazy" decoding="async"{{ with $width }} width="{{ . }}"{{ end }}{{ with $height }} height="{{ . }}"{{ end }}>
+<span class="sen-image-frame sen-media-host">
+  <img src="{{ $src }}" alt="{{ $alt }}" class="lazyload lazy-loaded" loading="lazy" decoding="async"{{ with $width }} width="{{ . }}"{{ end }}{{ with $height }} height="{{ . }}"{{ end }}>
 </span>

themes/Ying/layouts/partials/artalk.html

@@ -1,5 +1,5 @@
-<!-- CSS -->
-<!-- <link href="/css/Artalk.css" rel="stylesheet" /> -->
+{{ $artalkCss := resources.Get "css/libs/Artalk.css" | resources.Minify | resources.Fingerprint }}
+<link id="artalk-css" rel="stylesheet" href="{{ $artalkCss.RelPermalink }}">
 <style>
     .atk-loading{
         background: #FFFFFF;

themes/Ying/layouts/partials/footer.html

@@ -58,9 +58,6 @@
 {{ $tiaozhuan := resources.Get "js/modules/tiaozhuan.js" }}
 {{ $toast := resources.Get "js/modules/toast.js" }}
 {{ $reward := resources.Get "js/modules/reward.js" }}
-{{ $echarts := resources.Get "js/libs/echarts.min.js" }}
-{{ $artalk := resources.Get "js/libs/Artalk.js" }}
-
 {{/* Modules */}}
 {{ $utils := resources.Get "js/modules/utils.js" }}
 {{ $loader := resources.Get "js/modules/loader.js" }}
@@ -72,17 +69,16 @@
 {{ $artalkModule := resources.Get "js/modules/artalk.js" }}
 {{ $pjaxLib := resources.Get "js/libs/pjax.js" }}
 
-{{ $scripts := slice $iconfont $uikit $easylazyload $viewimage $barrage $utils $loader $cache $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $toast $tiaozhuan $reward $echarts $artalk | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
+{{ $scripts := slice $iconfont $uikit $easylazyload $viewimage $barrage $utils $loader $cache $search $floatingTools $paragraphComments $infiniteScroll $artalkModule $nprogress $pjaxLib $main $mypjax $toast $tiaozhuan $reward | resources.Concat "js/bundle.js" | resources.Minify | resources.Fingerprint }}
 
   {{ $aiGreetings := "static/js/ai_greetings.js" }}
   {{ if os.FileExists $aiGreetings }}
   <script defer src="/js/ai_greetings.js"></script>
   {{ end }}
-  <script defer src="{{ $scripts.RelPermalink }}"></script>
   <script>
-    // Global configuration from Hugo
     window.enableInfiniteScroll = {{ .Site.Params.infiniteScroll.enable | default false }};
   </script>
+  <script defer src="{{ $scripts.RelPermalink }}"></script>
   <script async src="/js/bsz.js"></script>
 </body>
 

themes/Ying/layouts/partials/head.html

@@ -73,8 +73,34 @@
   <link rel="preload" href="{{ "font/zql-v2.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
   <link rel="preload" href="{{ "font/remixicon.woff2" | relURL }}" as="font" type="font/woff2" crossorigin>
 
+  {{ $echartsHead := resources.Get "js/libs/echarts.min.js" | resources.Fingerprint }}
+  {{ $artalkHead := resources.Get "js/libs/Artalk.js" | resources.Fingerprint }}
+
   <!-- Site Configuration -->
   <script>
+    window.optionalAssetUrls = {
+      echarts: {{ $echartsHead.RelPermalink | jsonify | safeJS }},
+      artalk: {{ $artalkHead.RelPermalink | jsonify | safeJS }}
+    };
+
+    window.loadScriptOnce = window.loadScriptOnce || function(src, globalName, callback) {
+      if (globalName && window[globalName]) {
+        callback();
+        return;
+      }
+      var existing = document.querySelector('script[data-dynamic-src="' + src + '"]');
+      if (existing) {
+        existing.addEventListener('load', callback, { once: true });
+        return;
+      }
+      var script = document.createElement('script');
+      script.src = src;
+      script.defer = true;
+      script.dataset.dynamicSrc = src;
+      script.onload = callback;
+      document.head.appendChild(script);
+    };
+
     window.siteConfig = {
       artalk: {
         server: "{{ .Site.Params.artalk.server }}",
@@ -102,10 +128,7 @@
   {{ $main := resources.Get "css/main.css" }}
 
   {{ $style := slice $normalize $remixicon $uikit $nprogress $message $main | resources.Concat "css/style.css" | resources.Minify | resources.Fingerprint }}
-  {{ $artalk := resources.Get "css/libs/Artalk.css" | resources.Minify | resources.Fingerprint }}
-
   <link rel="stylesheet" href="{{ $style.RelPermalink }}">
-  <link rel="stylesheet" href="{{ $artalk.RelPermalink }}">
   
   {{- if and .Site.Params.style.enableBackgroundImage .Site.Params.style.backgroundImageUrl -}}
 <style>
@@ -116,6 +139,11 @@
     background-position: {{ .Site.Params.style.backgroundPosition | default "center" }} !important;
     background-attachment: {{ .Site.Params.style.backgroundAttachment | default "fixed" }} !important;
   }
+  @media (max-width: 768px) {
+    body, [data-theme="dark"] body {
+      background-attachment: scroll !important;
+    }
+  }
 </style>
 {{- end -}}
 

themes/Ying/layouts/partials/heatmap.html

@@ -179,11 +179,8 @@
   // Initial render
   if (window.echarts) {
       renderHeatmap();
-  } else {
-      // Retry a few times if script is still loading
-      setTimeout(renderHeatmap, 500);
-      setTimeout(renderHeatmap, 1500);
-      setTimeout(renderHeatmap, 3000);
+  } else if (window.optionalAssetUrls && window.optionalAssetUrls.echarts && window.loadScriptOnce) {
+      window.loadScriptOnce(window.optionalAssetUrls.echarts, 'echarts', renderHeatmap);
   }
 
   // Re-render on theme change