From a582b6ef76bfb79744716f5cdfafff8c41861ec9 Mon Sep 17 00:00:00 2001
From: Mole Shang <135e2@135e2.dev>
Date: Mon, 9 Feb 2026 23:19:16 +0800
Subject: templates/page: support img caption display

---
 templates/page.html | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

(limited to 'templates')

diff --git a/templates/page.html b/templates/page.html
index ec3116d..f795876 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -50,4 +50,28 @@
 {% endif %}
 {% endblock %}
 </div>
+
+{% if page.extra.enable_img_caption %}
+<script>
+    const images = document.querySelectorAll(".post-content img");
+    images.forEach((img) => {
+        if (img.alt && img.alt.trim() !== "") {
+            const caption = document.createElement("div");
+            caption.className = "img-caption";
+            caption.textContent = img.alt;
+
+            let insertionPoint = img;
+            if (img.parentElement.tagName === "A") {
+                insertionPoint = img.parentElement;
+            }
+
+            insertionPoint.parentNode.insertBefore(
+                caption,
+                insertionPoint.nextSibling,
+            );
+        }
+    });
+</script>
+{% endif %}
+
 {% endblock %}
-- 
cgit v1.2.3