diff --git a/doc/website/.vitepress/config.mts b/doc/website/.vitepress/config.mts
index 6fe6862..a55f1e7 100644
--- a/doc/website/.vitepress/config.mts
+++ b/doc/website/.vitepress/config.mts
@@ -1,14 +1,23 @@
 import { defineConfigWithTheme } from 'vitepress'
 import type { ThemeConfig } from 'vitepress-carbon'
 import baseConfig from 'vitepress-carbon/config'
+import mdItCustomAttrs from 'markdown-it-custom-attrs'
 
 // https://vitepress.dev/reference/site-config
 export default defineConfigWithTheme<ThemeConfig>({
+  markdown: {
+    config: (md) => {
+      // use more markdown-it plugins!
+      md.use(mdItCustomAttrs, 'image', {
+        'data-fancybox': "gallery"
+      })
+    }
+  },
   extends: baseConfig,
   title: "MinerU-PDFScanner",
   description: "高效 PDF 文档扫描和提取工具",
   srcDir: 'src',
-  base:"/MinerU-PDFScanner/" , 
+  base: "/MinerU-PDFScanner/",
   //base: '/vitepress-carbon-template/', if running on github-pages, set repository name here
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
@@ -18,7 +27,7 @@ export default defineConfigWithTheme<ThemeConfig>({
     search: {
       provider: 'local'
     },
-    
+
     sidebar: [
       {
         text: 'Examples',
diff --git a/doc/website/bun.lockb b/doc/website/bun.lockb
index f83bf8b..596fe5d 100644
Binary files a/doc/website/bun.lockb and b/doc/website/bun.lockb differ
diff --git a/doc/website/package.json b/doc/website/package.json
index d457ae8..9b25890 100644
--- a/doc/website/package.json
+++ b/doc/website/package.json
@@ -8,7 +8,8 @@
     "docs:preview": "vitepress preview"
   },
   "dependencies": {
-    "vitepress-carbon": "^1.4.3",
-    "vitepress": "^1.4.0"
+    "markdown-it-custom-attrs": "^1.0.2",
+    "vitepress": "^1.4.0",
+    "vitepress-carbon": "^1.4.3"
   }
 }
diff --git a/doc/website/src/index.md b/doc/website/src/index.md
index 3891cad..2454cb3 100644
--- a/doc/website/src/index.md
+++ b/doc/website/src/index.md
@@ -45,12 +45,8 @@ features:
 ---
 
 
-<div align="center" style="margin-top:20px">
-  <img src="./preview.png" alt="描述文字" />
-</div>
-<div align="center" style="margin-top:20px">
-  <img src="./quick.png" alt="描述文字" />
-</div>
-<div align="center" style="margin-top:20px">
-  <img src="./task.png" alt="描述文字" />
-</div>
\ No newline at end of file
+![描述文字](./public/preview.png)
+
+![描述文字](./public/quick.png)
+
+![描述文字](./public/task.png)