修复流畅性

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