From 8334f005624d2d3fe5455479aa8f73b84d389883 Mon Sep 17 00:00:00 2001
From: ZhenShuo2021 <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Fri, 21 Aug 2026 09:17:22 +0800
Subject: [PATCH] fix: JS broken in v3 (#3061)

* fix: zoom broken in v3 (#3060)

* fix: buymeacoffee broken in v3
---
 assets/js/medium-zoom.js     |  5 +++++
 layouts/_default/baseof.html | 38 +++++++++++-------------------------
 layouts/partials/footer.html |  9 ---------
 layouts/partials/head.html   |  2 ++
 4 files changed, 18 insertions(+), 36 deletions(-)
 create mode 100644 assets/js/medium-zoom.js

diff --git a/assets/js/medium-zoom.js b/assets/js/medium-zoom.js
new file mode 100644
index 00000000..7bd17a08
--- /dev/null
+++ b/assets/js/medium-zoom.js
@@ -0,0 +1,5 @@
+mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
+  margin: 24,
+  background: "rgba(0,0,0,0.5)",
+  scrollOffset: 0,
+});
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index a53a4df0..685888e9 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -62,32 +62,16 @@
     {{ end }}
   </body>
   {{ if site.Params.buymeacoffee.globalWidget | default false }}
-    {{/* Inject the third-party widget after the page is idle so it never
-      competes with rendering-critical resources. */}}
-    <script>
-      (function () {
-        var load = function () {
-          var s = document.createElement("script");
-          s.src = "https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js";
-          s.setAttribute("data-name", "BMC-Widget");
-          s.setAttribute("data-cfasync", "false");
-          s.setAttribute("data-id", {{ site.Params.buymeacoffee.identifier }});
-          s.setAttribute("data-description", "Support me on Buy me a coffee!");
-          {{ with site.Params.buymeacoffee.globalWidgetMessage }}s.setAttribute("data-message", {{ . }});{{ end }}
-          s.setAttribute("data-color", {{ site.Params.buymeacoffee.globalWidgetColor | default `#FFDD00` }});
-          {{ with site.Params.buymeacoffee.globalWidgetPosition }}s.setAttribute("data-position", {{ . }});{{ end }}
-          s.setAttribute("data-x_margin", "18");
-          s.setAttribute("data-y_margin", "18");
-          document.body.appendChild(s);
-        };
-        if ("requestIdleCallback" in window) {
-          requestIdleCallback(load, { timeout: 4000 });
-        } else {
-          window.addEventListener("load", function () {
-            setTimeout(load, 1500);
-          });
-        }
-      })();
-    </script>
+    <script
+      data-name="BMC-Widget"
+      data-cfasync="false"
+      src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
+      data-id="{{ site.Params.buymeacoffee.identifier }}"
+      data-description="Support me on Buy me a coffee!"
+      {{ with site.Params.buymeacoffee.globalWidgetMessage }}data-message="{{ . }}"{{ end }}
+      {{ with site.Params.buymeacoffee.globalWidgetColor | default `#FFDD00` }}data-color="{{ . }}"{{ end }}
+      {{ with site.Params.buymeacoffee.globalWidgetPosition }}data-position="{{ . }}"{{ end }}
+      data-x_margin="18"
+      data-y_margin="18"></script>
   {{ end }}
 </html>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e8f8ce40..de46b2df 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -60,15 +60,6 @@
       </p>
     {{ end }}
   </div>
-  {{ if not .Site.Params.disableImageZoom | default true }}
-    <script>
-      mediumZoom(document.querySelectorAll("img:not(.nozoom)"), {
-        margin: 24,
-        background: "rgba(0,0,0,0.5)",
-        scrollOffset: 0,
-      });
-    </script>
-  {{ end }}
   {{/* Extend footer - eg. for extra scripts, etc. */}}
   {{ if templates.Exists "partials/extend-footer.html" }}
     {{ partialCached "extend-footer.html" . }}
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 56f4c452..ae42c6cc 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -157,6 +157,8 @@
   {{ if not .Site.Params.disableImageZoom | default true }}
     {{ $zoomJS := resources.Get "lib/zoom/zoom.min.umd.js" | resources.Fingerprint $alg }}
     <script defer src="{{ $zoomJS.RelPermalink }}" integrity="{{ $zoomJS.Data.Integrity }}"></script>
+    {{ $zoomInit := resources.Get "js/medium-zoom.js" | resources.Fingerprint $alg }}
+    <script defer src="{{ $zoomInit.RelPermalink }}" integrity="{{ $zoomInit.Data.Integrity }}"></script>
   {{ end }}
   {{ $showReadingProgress := site.Params.article.showReadingProgress | default false }}
   {{ if isset .Params "showreadingprogress" }}