feat: 添加图片放大查看

fix: 修复图片路径错误
liuhuapiaoyuan · Oct 11, 2024 · fe18539 · fe18539
1 parent e0cbf81
commit fe18539
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 13 deletions.
diff --git 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
diff --git 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
@@ -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>
+![描述文字](./public/preview.png)
+
+![描述文字](./public/quick.png)
+
+![描述文字](./public/task.png)