fix(docs): use absolute paths for images (#967)

EstrellaXD · claude · web-flow · commit 7596d041b9fe · 2026-01-27T11:52:50.000+01:00
* fix(docs): use absolute paths for images in public folder

Relative paths (../image/) don't work on Vercel since the image/
folder at docs root is not tracked in git. Only public/image/ is
tracked. Using absolute paths (/image/) correctly references the
public folder assets.

Co-Authored-By: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;

* fix: update README image paths to public folder

The images are tracked at docs/public/image/, not docs/image/.

Co-Authored-By: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;

---------

Co-authored-by: Claude Opus 4.5 &lt;noreply@anthropic.com&gt;
diff --git a/README.md b/README.md
@@ -1,6 +1,6 @@
 <p align="center">
-    <img src="docs/image/icons/light-icon.svg#gh-light-mode-only" width=50%/ alt="">
-    <img src="docs/image/icons/dark-icon.svg#gh-dark-mode-only" width=50%/ alt="">
+    <img src="docs/public/image/icons/light-icon.svg#gh-light-mode-only" width=50%/ alt="">
+    <img src="docs/public/image/icons/dark-icon.svg#gh-dark-mode-only" width=50%/ alt="">
 </p>
 <p align="center">
     <img title="docker build version" src="https://img.shields.io/docker/v/estrellaxd/auto_bangumi" alt="">
@@ -16,7 +16,7 @@
 # 项目说明
 
 <p align="center">
-    <img title="AutoBangumi" src="docs/image/feature/bangumi-list.png" alt="" width=75%>
+    <img title="AutoBangumi" src="docs/public/image/feature/bangumi-list.png" alt="" width=75%>
 </p>
 
 本项目是基于 RSS 的全自动追番整理下载工具。只需要在 [Mikan Project][mikan] 等网站上订阅番剧，就可以全自动追番。
diff --git a/docs/config/downloader.md b/docs/config/downloader.md
@@ -2,7 +2,7 @@
 
 ## WebUI 配置
 
-![downloader](../image/config/downloader.png){width=500}{class=ab-shadow-card}
+![downloader](/image/config/downloader.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/experimental.md b/docs/config/experimental.md
@@ -13,7 +13,7 @@ input: "【喵萌奶茶屋】★04月新番★[夏日重现/Summer Time Renderin
 output: '{"group": "喵萌奶茶屋", "title_en": "Summer Time Rendering", "resolution": "1080p", "episode": 11, "season": 1, "title_zh": "夏日重现", "sub": "", "title_jp": "", "season_raw": "", "source": ""}'
 ```
 
-![experimental OpenAI](../image/config/experimental-openai.png){width=500}{class=ab-shadow-card}
+![experimental OpenAI](/image/config/experimental-openai.png){width=500}{class=ab-shadow-card}
 
 - **启用 OpenAI** 启用 OpenAI 并使用 ChatGPT 进行标题解析。
 - **OpenAI API 类型** 默认为 OpenAI。
@@ -24,7 +24,7 @@ output: '{"group": "喵萌奶茶屋", "title_en": "Summer Time Rendering", "reso
 ## Microsoft Azure OpenAI
 
 
-![experimental Microsoft Azure OpenAI](../image/config/experimental-azure-openai.png){width=500}{class=ab-shadow-card}
+![experimental Microsoft Azure OpenAI](/image/config/experimental-azure-openai.png){width=500}{class=ab-shadow-card}
 
 除了标准 OpenAI 外，[版本 3.1.8](https://github.com/EstrellaXD/Auto_Bangumi/releases/tag/3.1.8) 添加了 Microsoft Azure OpenAI 支持。使用方式与标准 OpenAI 类似，共享部分参数，但请注意以下几点：
 
diff --git a/docs/config/manager.md b/docs/config/manager.md
@@ -2,7 +2,7 @@
 
 ## WebUI 配置
 
-![proxy](../image/config/manager.png){width=500}{class=ab-shadow-card}
+![proxy](/image/config/manager.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/notifier.md b/docs/config/notifier.md
@@ -2,7 +2,7 @@
 
 ## WebUI 配置
 
-![notification](../image/config/notifier.png){width=500}{class=ab-shadow-card}
+![notification](/image/config/notifier.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/parser.md b/docs/config/parser.md
@@ -8,7 +8,7 @@ AB 的解析器用于解析聚合 RSS 链接。当 RSS 订阅中出现新条目
 
 ## WebUI 中的解析器设置
 
-![parser](../image/config/parser.png){width=500}{class=ab-shadow-card}
+![parser](/image/config/parser.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/program.md b/docs/config/program.md
@@ -2,7 +2,7 @@
 
 ## WebUI 配置
 
-![program](../image/config/program.png){width=500}{class=ab-shadow-card}
+![program](/image/config/program.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/proxy.md b/docs/config/proxy.md
@@ -2,7 +2,7 @@
 
 ## 代理
 
-![proxy](../image/config/proxy.png){width=500}{class=ab-shadow-card}
+![proxy](/image/config/proxy.png){width=500}{class=ab-shadow-card}
 
 <br/>
 
diff --git a/docs/config/rss.md b/docs/config/rss.md
@@ -11,7 +11,7 @@ AutoBangumi 可以自动解析聚合 RSS 订阅源，并根据字幕组和番剧
 
 本项目基于 Mikan Project 提供的 RSS 链接进行解析。要启用自动追番功能，您需要注册并获取 Mikan Project 的 RSS 链接：
 
-![image](../image/rss/rss-token.png){data-zoomable}
+![image](/image/rss/rss-token.png){data-zoomable}
 
 RSS 链接格式如下：
 
@@ -25,7 +25,7 @@ https://mikanime.tv/RSS/MyBangumi?token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 
 由于 AutoBangumi 会解析接收到的所有 RSS 条目，订阅时请注意以下几点：
 
-![image](../image/rss/advanced-subscription.png){data-zoomable}
+![image](/image/rss/advanced-subscription.png){data-zoomable}
 
 - 在个人设置中启用高级选项。
 - 每部番剧只订阅一个字幕组。点击 Mikan Project 上的番剧海报打开子菜单，选择单个字幕组。
diff --git a/docs/deploy/dsm.md b/docs/deploy/dsm.md
@@ -10,13 +10,13 @@ DSM 7.2 支持 Docker Compose，因此我们建议使用 Docker Compose 进行
 
 打开套件中心，安装 Container Manager（Docker）套件。
 
-![install-docker](../image/dsm/install-docker.png){data-zoomable}
+![install-docker](/image/dsm/install-docker.png){data-zoomable}
 
 ## 通过 Docker Compose 安装 AB
 
 点击**项目**，然后点击**新增**，选择 **Docker Compose**。
 
-![new-compose](../image/dsm/new-compose.png){data-zoomable}
+![new-compose](/image/dsm/new-compose.png){data-zoomable}
 
 将以下内容复制粘贴到 **Docker Compose** 中：
 ```yaml
@@ -43,7 +43,7 @@ services:
 
 点击**下一步**，然后点击**完成**。
 
-![create](../image/dsm/create.png){data-zoomable}
+![create](/image/dsm/create.png){data-zoomable}
 
 创建完成后，访问 `http://<NAS IP>:7892` 进入 AB 并进行配置。
 
diff --git a/docs/deploy/quick-start.md b/docs/deploy/quick-start.md
@@ -90,7 +90,7 @@ docker compose up -d
 
 访问 [Mikan Project][mikan-project]，注册账号并登录，然后点击右下角的 **RSS** 按钮并复制链接。
 
-![mikan-rss](../image/rss/rss-token.png){data-zoomable}
+![mikan-rss](/image/rss/rss-token.png){data-zoomable}
 
 RSS 链接格式如下：
 
@@ -110,13 +110,13 @@ https://mikanime.tv/RSS/MyBangumi?token=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
 1. 打开网页。默认用户名为 `admin`，默认密码为 `adminadmin`。首次登录后请立即修改。
 2. 输入下载器的地址、端口、用户名和密码。
 
-![ab-webui](../image/config/downloader.png){width=500}{class=ab-shadow-card}
+![ab-webui](/image/config/downloader.png){width=500}{class=ab-shadow-card}
 
 3. 点击**应用**保存配置。AB 将重启，当右上角的圆点变为绿色时，表示 AB 正常运行。
 
 4. 点击右上角的 **+** 按钮，勾选**聚合 RSS**，选择解析器类型，然后输入您的 Mikan RSS 链接。
 
-![ab-rss](../image/config/add-rss.png){width=500}{class=ab-shadow-card}
+![ab-rss](/image/config/add-rss.png){width=500}{class=ab-shadow-card}
 
 等待 AB 解析聚合 RSS。解析完成后，将自动添加番剧并管理下载。
 
diff --git a/docs/dev/index.md b/docs/dev/index.md
@@ -97,7 +97,7 @@ AutoBangumi 使用"分支开发，主干发布"模式。
 
 > 提交时间线从左到右 --->
 
-![dev-branch](../image/dev/branch.png)
+![dev-branch](/image/dev/branch.png)
 
 
 ## Pull Request
diff --git a/docs/feature/bangumi.md b/docs/feature/bangumi.md
@@ -2,15 +2,15 @@
 
 点击首页的番剧海报可管理单个番剧条目。
 
-![Bangumi List](../image/feature/bangumi-list.png)
+![Bangumi List](/image/feature/bangumi-list.png)
 
 如果一部番剧有多个下载规则（例如不同字幕组），将出现规则选择弹窗：
 
-![Rule Selection](../image/feature/rule-select.png)
+![Rule Selection](/image/feature/rule-select.png)
 
 选择规则后，编辑弹窗打开：
 
-![Edit Bangumi](../image/feature/bangumi-edit.png)
+![Edit Bangumi](/image/feature/bangumi-edit.png)
 
 ## 通知徽章
 
@@ -76,7 +76,7 @@ AB 可以在以下情况自动归档番剧：
 
 点击编辑弹窗中的 **高级设置** 访问更多选项：
 
-![Advanced Settings](../image/feature/bangumi-edit-advanced.png)
+![Advanced Settings](/image/feature/bangumi-edit-advanced.png)
 
 - **季度偏移**：调整季度编号偏移
 - **剧集偏移**：调整剧集编号偏移
diff --git a/docs/feature/calendar.md b/docs/feature/calendar.md
@@ -2,7 +2,7 @@
 
 从 v3.2 开始，AB 包含日历视图，按播出日期显示您订阅的番剧。
 
-![Calendar](../image/feature/calendar.png)
+![Calendar](/image/feature/calendar.png)
 
 ## 功能
 
diff --git a/docs/feature/rss.md b/docs/feature/rss.md
@@ -8,7 +8,7 @@ title: RSS 管理
 
 RSS 管理页面显示您所有的 RSS 订阅及其连接状态。
 
-![RSS Manager](../image/feature/rss-manager.png)
+![RSS Manager](/image/feature/rss-manager.png)
 
 ### 连接状态
 
diff --git a/docs/feature/search.md b/docs/feature/search.md
@@ -10,7 +10,7 @@
 
 搜索栏位于 AB 顶栏。点击打开搜索面板。
 
-![Search Panel](../image/feature/search-panel.png)
+![Search Panel](/image/feature/search-panel.png)
 
 选择资源站，输入关键词，AB 将自动解析并显示搜索结果。要添加番剧，点击卡片右侧的添加按钮。
 
@@ -26,7 +26,7 @@
 
 导航至 **配置** → **搜索源** 访问设置面板。
 
-![Search Provider Settings](../image/feature/search-provider.png)
+![Search Provider Settings](/image/feature/search-provider.png)
 
 在这里您可以：
 - **查看** 所有已配置的搜索源
diff --git a/docs/home/index.md b/docs/home/index.md
@@ -4,9 +4,9 @@ title: 关于
 
 <p align="center">
 <picture>
-  <source media="(prefers-color-scheme: dark)" srcset="../image/icons/dark-icon.svg">
-  <source media="(prefers-color-scheme: light)" srcset="../image/icons/light-icon.svg">
-  <img src="../image/icons/light-icon.svg" width=50%>
+  <source media="(prefers-color-scheme: dark)" srcset="/image/icons/dark-icon.svg">
+  <source media="(prefers-color-scheme: light)" srcset="/image/icons/light-icon.svg">
+  <img src="/image/icons/light-icon.svg" width=50%>
 </picture>
 </p>
 
@@ -18,7 +18,7 @@ title: 关于
   <img
     title="AutoBangumi WebUI"
     alt="AutoBangumi WebUI"
-    src="../image/preview/window.png"
+    src="/image/preview/window.png"
     width=85%
     data-zoomable
   >
