Add image captions and Mermaid responsive styles, rewrite blog content

for clarity
2026-05-18 15:28:45 +08:00
parent 829313765e
commit 24c2545b13
13 changed files with 1073 additions and 333 deletions
@@ -103,3 +103,35 @@ html.dark .theme-toggle-light {
 }

 /* Hide current page title in breadcrumb */
+
+/* Image caption */
+figcaption.post-caption {
+    font-size: .85em;
+    color: #888;
+    text-align: center;
+    margin-top: -.25em;
+    margin-bottom: 1em;
+}
+.dark figcaption.post-caption {
+    color: #999;
+}
+
+.mermaid svg {
+    max-width: 100%;
+    height: auto;
+}
+
+.mermaid svg {
+    max-width: 100%;
+    height: auto;
+}
+
+.mermaid svg {
+    width: 100% !important;
+    height: auto !important;
+}
+
+.mermaid svg {
+    max-width: none !important;
+    height: auto;
+}