From 3ecd48f7ef20ec25f821dec3ca12d8f243c7a385 Mon Sep 17 00:00:00 2001
From: Eltrac <hi@guhub.cn>
Date: Mon, 24 Mar 2025 12:34:28 +0800
Subject: chore: automatic fancybox

---
 layouts/partials/scripts.html | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

(limited to 'layouts/partials/scripts.html')

diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html
index 3beda6dd..09f1460f 100644
--- a/layouts/partials/scripts.html
+++ b/layouts/partials/scripts.html
@@ -8,6 +8,36 @@ var lazyLoadInstance = new LazyLoad();
 lazyLoadInstance.update();
 
 /* === Fancybox === */
+document.addEventListener("DOMContentLoaded", function () {
+    document.querySelectorAll(".markdown-body img:not(figure img)").forEach(img => {
+        if (img.closest("figure")) return; // 跳过已经在 <figure> 内的 <img>
+
+        let src = img.getAttribute("src");
+        let alt = img.getAttribute("alt") || ""; // 获取 alt 作为 title
+
+        // 创建 <a> 标签包裹 <img>
+        let link = document.createElement("a");
+        link.setAttribute("href", src);
+        link.setAttribute("data-fancybox", "gallery"); // Fancybox 组
+        link.setAttribute("data-caption", alt); // 设置 title
+        link.setAttribute("aria-label", alt); // 辅助功能优化
+
+        // 创建 <figcaption> 并添加 <h4>
+        let figcaption = document.createElement("figcaption");
+        let captionTitle = document.createElement("h4");
+        captionTitle.textContent = alt;
+        figcaption.appendChild(captionTitle);
+
+        // 创建 <figure> 并包裹 <a> + <figcaption>
+        let figure = document.createElement("figure");
+        figure.appendChild(link);
+        figure.appendChild(figcaption);
+
+        // 替换原始 img
+        img.parentNode.insertBefore(figure, img);
+        link.appendChild(img); // 将 img 插入 <a>
+    });
+});
 Fancybox.bind("[data-fancybox]");
 
 /* === littlefoot === */
-- 
cgit v1.2.3