feat: 修改主题配置

Author: Chu Fan

docs/.vuepress/config.ts

@@ -2,10 +2,10 @@ import pluginsConfig from "./config/plugins.config";
 import themeConfig from "./config/theme.config";
 import {defineUserConfig} from "vuepress";
 import { fileURLToPath } from 'node:url'
-// @ts-ignore
-import {path} from "@vuepress/utils";
-// @ts-ignore
-const __dirname = path.dirname(fileURLToPath(import.meta.url))
+// // @ts-ignore
+// import {path} from "@vuepress/utils";
+// // @ts-ignore
+// const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 // 用于区分base路径，是否nginx代理
 const PROXY_DOMAIN=process.env.PROXY_DOMAIN||false
@@ -21,9 +21,9 @@ export default defineUserConfig({
     markdown: {
         // todo 引入代码文件时的路径替换
         importCode: {
-            handleImportPath: (str) =>{
-                return str.replace(/^@code/, path.resolve(__dirname, '../../code/'))
-            },
+            // handleImportPath: (str) =>{
+            //     return str.replace(/^@code/, path.resolve(__dirname, '../../code/'))
+            // },
         },
     },
     // 主题配置

docs/.vuepress/config/plugins.config.ts

@@ -1,5 +1,7 @@
 import {searchProPlugin} from "vuepress-plugin-search-pro";
-
+import { mdEnhancePlugin } from "vuepress-plugin-md-enhance"
+// @ts-ignore
+import {path} from "@vuepress/utils";
 /**
  * 使用的插件配置
  */
@@ -20,5 +22,15 @@ export default {
                 },
             ],
         }),
+        mdEnhancePlugin({
+            // your options
+            // todo 引入代码文件时的路径替换 支持@code别名
+            include: {
+                resolvePath: (str) =>{
+                    console.log(2222,str,str.replace(/^@code/, path.resolve(__dirname, '../../code/')))
+                    return str.replace(/^@code/, path.resolve(__dirname, '../../code/'))
+                }
+            },
+        }),
     ]
 }

docs/.vuepress/config/theme.config.ts

@@ -1,14 +1,24 @@
-import {hopeTheme} from "vuepress-theme-hope";
 import navbar from "./navbar";
 import sidebar from "./sidebar";
 import {FOOTER_HTML_INFO} from "./constant.config";
+import {hopeTheme} from "vuepress-theme-hope";
+import {fileURLToPath} from "node:url";
+// // @ts-ignore
+// import {path} from "@vuepress/utils";
+// // @ts-ignore
+// const __dirname = path.dirname(fileURLToPath(import.meta.url))
+// @ts-ignore
+import { getDirname, path } from "@vuepress/utils";
+// @ts-ignore
+const __dirname = getDirname(import.meta.url);
 
 /**
  * 主题相关配置
  * 参考主题：https://theme-hope.vuejs.press/zh/config/intro.html#%E9%85%8D%E7%BD%AE%E6%A6%82%E5%BF%B5
  */
 export default {
     theme: hopeTheme({
+        navbarIcon: false,
         darkmode: "toggle",
         // 支持全屏
         // fullscreen: true,
@@ -72,6 +82,13 @@ export default {
             mdEnhance: {
                 codetabs: true,
                 tasklist: true, // 支持任务列表
+                // todo 引入代码文件时的路径替换 支持@code别名
+                include: {
+                    resolvePath: (str) =>{
+                        console.log(2222,str,str.replace(/^@code/, path.resolve(__dirname, '../../code/')))
+                        return str.replace(/^@code/, path.resolve(__dirname, '../../code/'))
+                    }
+                },
                 // 启用 figure
                 figure: true,
                 // 启用图片懒加载
@@ -122,6 +139,6 @@ export default {
                     "YouTube",
                 ],
             },
-        },
+        }
     })
 }