diff --git a/assets/css/custom.css b/assets/css/custom.css
index 1429647..10087f2 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -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;
+}
diff --git a/content/blog/ai-assistant-first-week.md b/content/blog/ai-assistant-first-week.md
index 271df41..acfc7eb 100644
--- a/content/blog/ai-assistant-first-week.md
+++ b/content/blog/ai-assistant-first-week.md
@@ -40,7 +40,7 @@ AI 这两年用得不少,ChatGPT、Claude、DeepSeek 都试过。问问题、
午间忽想建站,交代了一句。它 SSH 上服务器就开始干活。
```mermaid
-flowchart TD
+flowchart LR
A[我:建个博客] --> B[SSH 登录服务器]
B --> C[安装 Hugo + Nginx]
C --> D[配置 HTTPS]
@@ -57,7 +57,7 @@ flowchart TD
每天早上想看国际新闻、科技动态和通信消息。我让它写了个定时脚本,每天 8:30 推送微信。
```mermaid
-flowchart TD
+flowchart LR
A[Cron 8:30] --> B[拉取待办 + 新闻]
B --> C[编译简报]
C --> D[推送微信]
@@ -75,7 +75,7 @@ flowchart TD
工作对话截图丢过去,说一句"入待办"。
```mermaid
-flowchart TD
+flowchart LR
A[我:发聊天截图] --> B[读取并提取信息]
B --> C[创建 Todoist 任务]
C --> D[标优先级 + 截止日]
@@ -91,7 +91,7 @@ flowchart TD
**邮件过滤。** 信任更进一步,我给了它 IMAP 权限,让它每天扫收件箱。
```mermaid
-flowchart TD
+flowchart LR
A[每日扫描收件箱] --> B{发给我但
没给下属?}
B -->|是| C[建文件夹存档]
C --> D[附件存 / 正文转 md]
diff --git a/content/blog/media-test.md b/content/blog/media-test.md
index 2e886a9..464cba0 100644
--- a/content/blog/media-test.md
+++ b/content/blog/media-test.md
@@ -1,19 +1,19 @@
---
-title: "媒体嵌入测试:视频与图片"
+title: "Hugo 站点中嵌入视频与图片的最佳实践"
date: 2026-05-16T12:00:00+08:00
draft: false
poet: |
一花一世界,
一叶一菩提。
- ——《华严经》,古印度/中国
-description: "测试 Hugo 对 B 站视频嵌入和多种图片格式的渲染效果。包含 iframe 视频播放器、横版图片、内联对比和居中展示,验证移动端和桌面端的布局表现。"
+ ——《华严经》
+description: "静态站点不等于只能放文字。B 站视频的自适应嵌入方案、图片懒加载与响应式处理、以及如何在 Hugo 里保持多媒体内容的可维护性。"
---
-这是一篇测试文章,验证 Hugo 对 B 站视频嵌入和图片渲染的支持。
+静态博客常被认为只能承载纯文本,但实际上 Hugo 对多媒体内容的支持相当完整。本文记录本站的视频嵌入和图片排版方案,供有类似需求的读者参考。
-## 嵌入式视频
+## B 站视频嵌入
-下面是 B 站视频 BV1AWRVB2EAz 的嵌入播放器:
+Hugo 的 `unsafe: true` 配置允许直接插入 `