feat:更新导航栏框架

docs/.vitepress/config.mts

@@ -1,5 +1,6 @@
 import { defineConfig } from 'vitepress'
 import { withMermaid } from 'vitepress-plugin-mermaid'
+import { routers } from './theme/router'
 
 // https://vitepress.dev/reference/site-config
 export default withMermaid({
@@ -26,155 +27,13 @@ export default withMermaid({
     // https://vitepress.dev/reference/default-theme-config
     nav: [
       { text: '🏠 Home', link: '/' },
-      { text: '🌐Web前端', 
-        items: [
-          { 
-            text: 'Vue',
-            items: [
-              { text: 'Vue3-Common', link: '/Web-Front/Vue/Vue3-Common' },
-              { text: 'Vue3架构原理', link: '/Web-Front/Vue/Vue3-Architecture' }
-            ]
-          },
-          { 
-            text: '其他',
-            items: [
-              { text: 'JavaScript知识点整理', link: '/Web-Front/Others/JavaScript-Guide' },
-              { text: '前端包管理器', link: '/Web-Front/Others/Package' },
-              { text: 'Vite核心原理', link: '/Web-Front/Others/Vite-Principle' },
-              { text: '浏览器渲染全流程解析', link: '/Web-Front/Others/Browser-Process' }      
-            ]
-          },
-        ]  
-      },
-      { text: '🖥️ Web后端', 
-        items: [
-          { 
-            text: 'SpringBoot',
-            items: [
-              { text: 'Spring IOC简介', link: '/Web-Backend/SpringBoot/SpringIOC' },
-              { text: 'SpringBoot启动流程', link: '/Web-Backend/SpringBoot/SpringBoot-Start-Process' },
-              { text: 'Spring MVC简介', link: '/Web-Backend/SpringBoot/SpringMVC' },
-              { text: 'SpringBoot Starter原理', link: '/Web-Backend/SpringBoot/SpringBootStarter' },
-              { text: 'SpringBoot Bean简介', link: '/Web-Backend/SpringBoot/SpringBootBean' },
-              { text: 'SpringBoot3原生镜像', link: '/Web-Backend/SpringBoot/SpringBoot3-GraalVM' },
-              { text: 'SpingBoot技巧', link: '/Web-Backend/SpringBoot/SpingBoot-Skills' },
-              { text: 'SpringBoot Common', link: '/Web-Backend/SpringBoot/SpringBoot-Common' }
-            ]
-          },
-          {
-            text: 'FastAPI',
-            items: [
-              { text: 'FastAPI基础教程', link: '/Web-Backend/FastAPI/FastAPI-Guide' },
-              { text: '基于OAuth2的安全验证', link: '/Web-Backend/FastAPI/OAuth2' }
-            ]
-          },
-          { 
-            text: '其他',
-            items: [
-              { text: 'MySQL知识点', link: '/Web-Backend/Others/MySQL-Knowledge' },
-              { text: 'Flyway简单使用', link: '/Web-Backend/Others/Flyway' },
-              { text: 'MyBatis简介和使用', link: '/Web-Backend/Others/MyBatis' },
-              { text: 'RustFS简介和使用', link: '/Web-Backend/Others/RustFS' },
-              { text: '网络编程简介', link: '/Web-Backend/Others/Netword-Program' }
-            ]
-          },
-        ]
-      },
-      { text: '🚀 DevOps', 
-        items: [ 
-          { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
-          { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
-          { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
-          { text: 'Docker简介和安装', link: '/DevOps/Docker' }  
-         ]
-      },
-      { text: '📱 Flutter', 
-        items: [
-          { text: 'Dart基础教程', link: '/Flutter/DartGuide' },
-          { text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
-          { text: '实战技巧', link: '/Flutter/Practice' }
-        ] 
-      },
+      ...routers
     ],
     sidebar: {
-      '/Web-Front/': [
-        {
-          text: 'Web前端',
-          items: [
-            { 
-              text: 'Vue', 
-              items: [
-                { text: 'Vue3-Common', link: '/Web-Front/Vue/Vue3-Common' },
-                { text: 'Vue3架构原理', link: '/Web-Front/Vue/Vue3-Architecture' }
-              ]
-            },
-            { 
-              text: 'Others', 
-              items: [
-                { text: 'JavaScript知识点整理', link: '/Web-Front/Others/JavaScript-Guide' },
-                { text: '前端包管理器', link: '/Web-Front/Others/Package' },
-                { text: 'Vite核心原理', link: '/Web-Front/Others/Vite-Principle' },
-                { text: '浏览器渲染全流程解析', link: '/Web-Front/Others/Browser-Process' } 
-              ]
-            },
-          ]
-        },
-      ],
-      '/Web-Backend/': [
-        {
-          text: 'Web后端',
-          items: [
-            { text: 'SpringBoot', 
-              items: [
-                { text: 'Spring IOC简介', link: '/Web-Backend/SpringBoot/SpringIOC' },
-                { text: 'SpringBoot启动流程', link: '/Web-Backend/SpringBoot/SpringBoot-Start-Process' },
-                { text: 'Spring MVC简介', link: '/Web-Backend/SpringBoot/SpringMVC' },
-                { text: 'SpringBoot Starter原理', link: '/Web-Backend/SpringBoot/SpringBootStarter' },
-                { text: 'SpringBoot Bean简介', link: '/Web-Backend/SpringBoot/SpringBootBean' },
-                { text: 'SpringBoot3原生镜像', link: '/Web-Backend/SpringBoot/SpringBoot3-GraalVM' },
-                { text: 'SpingBoot技巧', link: '/Web-Backend/SpringBoot/SpingBoot-Skills' },
-                { text: 'SpringBoot Common', link: '/Web-Backend/SpringBoot/SpringBoot-Common' }
-              ]
-            },
-            { text: 'FastAPI', 
-              items: [
-                { text: 'FastAPI基础教程', link: '/Web-Backend/FastAPI/FastAPI-Guide' },
-                { text: '基于OAuth2的安全验证', link: '/Web-Backend/FastAPI/OAuth2' }
-              ]
-            },
-            { text: '其他', 
-              items: [
-                { text: 'MySQL知识点', link: '/Web-Backend/Others/MySQL-Knowledge' },
-                { text: 'Flyway简单使用', link: '/Web-Backend/Others/Flyway' },
-                { text: 'MyBatis简介和使用', link: '/Web-Backend/Others/MyBatis' },
-                { text: 'RustFS简介和使用', link: '/Web-Backend/Others/RustFS' },
-                { text: '网络编程简介', link: '/Web-Backend/Others/Netword-Program' }
-              ]
-            }
-          ],
-        },
-      ],
-      '/DevOps/': [
-        {
-          text: 'DevOps',
-          items: [
-            { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
-            { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
-            { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
-            { text: 'Docker简介和安装', link: '/DevOps/Docker' } 
-          ]
-        }
-      ],
-      '/Flutter/': [
-        {
-          text: 'Flutter',
-          items: [
-            { text: 'Dart基础教程', link: '/Flutter/DartGuide' },
-            { text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
-            { text: '实战技巧', link: '/Flutter/Practice' }
-          ]
-        }
-      ]
+      '/Web-Front/': [routers[0]],
+      '/Web-Backend/': [routers[1]],
+      '/DevOps/': [routers[2]],
+      '/Flutter/': [routers[3]]
     },
 
     // socialLinks: [

docs/.vitepress/theme/components/ArticleMetadata.vue

@@ -5,6 +5,11 @@
             精品
         </div>
 
+        <div class="item">
+            <svg t="1765933533911" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="15052" width="16" height="16"><path d="M718.6 227.3c13.2 0 24.5-8.2 24.5-18.6V83.3c0-10.4-10.9-18.6-24.5-18.6-13.2 0-24.1 8.2-24.1 18.6v125.3c0 10.5 10.5 18.7 24.1 18.7zM305.4 227.3c13.2 0 24.1-8.2 24.1-18.6V83.3c0-10.4-10.9-18.6-24.1-18.6-13.2 0-24.5 8.2-24.5 18.6v125.3c0 10.5 10.9 18.7 24.5 18.7z" fill="#5CAF82" p-id="15053"></path><path d="M949.3 230.9c0-47.7-44-86.3-98.5-86.3H770v64.5c0 24.5-22.7 44.5-50.9 44.5s-50.9-20-50.9-44.5v-64.5H354.9v64.5c0 24.5-22.7 44.5-50.9 44.5s-50.9-20-50.9-44.5v-64.5h-79.9c-54.5 0-98.5 38.6-98.5 86.3V319h875v-88.1h-0.4zM74.3 873c0 47.7 44 86.3 98.5 86.3h677.5c54.5 0 98.5-38.6 98.5-86.3V363.1H74.3V873z m238.4-255.2c14.5-12.7 38.6-8.2 51.3 6.4L469.3 745 680 503c12.7-14.5 35-16.8 50.9-5.4 16.3 11.8 11.8 40 1.4 50.4L492.5 824c-12.7 14.5-33.1 14.5-45.9 0l-134-153c-12.2-14.6-15.4-39.6 0.1-53.2z" fill="#5CAF82" p-id="15054"></path></svg>
+            日期: {{ page.frontmatter.date.split('T')[0] }}
+        </div>
+
         <div class="item">
             <svg t="1724571760788" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6125" width="16" height="16"><path d="M204.8 0h477.866667l273.066666 273.066667v614.4c0 75.093333-61.44 136.533333-136.533333 136.533333H204.8c-75.093333 0-136.533333-61.44-136.533333-136.533333V136.533333C68.266667 61.44 129.706667 0 204.8 0z m307.2 607.573333l68.266667 191.146667c13.653333 27.306667 54.613333 27.306667 61.44 0l102.4-273.066667c6.826667-20.48 0-34.133333-20.48-40.96s-34.133333 0-40.96 13.653334l-68.266667 191.146666-68.266667-191.146666c-13.653333-27.306667-54.613333-27.306667-68.266666 0l-68.266667 191.146666-68.266667-191.146666c-6.826667-13.653333-27.306667-27.306667-47.786666-20.48s-27.306667 27.306667-20.48 47.786666l102.4 273.066667c13.653333 27.306667 54.613333 27.306667 61.44 0l75.093333-191.146667z" fill="#1890FF" p-id="6126"></path><path d="M682.666667 0l273.066666 273.066667h-204.8c-40.96 0-68.266667-27.306667-68.266666-68.266667V0z" fill="#52C41A" p-id="6127"></path></svg>
             字数: {{ wordCount }} 字

docs/.vitepress/theme/router/index.ts

@@ -0,0 +1,76 @@
+export const routers = [
+  { 
+    text: '🌐Web前端', 
+    items: [
+      { 
+        text: 'Vue',
+        items: [
+          { text: 'Vue3-Common', link: '/Web-Front/Vue/Vue3-Common' },
+          { text: 'Vue3架构原理', link: '/Web-Front/Vue/Vue3-Architecture' }
+        ]
+      },
+      { 
+        text: '其他',
+        items: [
+          { text: 'JavaScript知识点整理', link: '/Web-Front/Others/JavaScript-Guide' },
+          { text: '前端包管理器', link: '/Web-Front/Others/Package' },
+          { text: 'Vite核心原理', link: '/Web-Front/Others/Vite-Principle' },
+          { text: '浏览器渲染全流程解析', link: '/Web-Front/Others/Browser-Process' }      
+        ]
+      },
+    ]  
+  },
+  { 
+    text: '🖥️ Web后端', 
+    items: [
+      { 
+        text: 'SpringBoot',
+        items: [
+          { text: 'Spring IOC简介', link: '/Web-Backend/SpringBoot/SpringIOC' },
+          { text: 'SpringBoot启动流程', link: '/Web-Backend/SpringBoot/SpringBoot-Start-Process' },
+          { text: 'Spring MVC简介', link: '/Web-Backend/SpringBoot/SpringMVC' },
+          { text: 'SpringBoot Starter原理', link: '/Web-Backend/SpringBoot/SpringBootStarter' },
+          { text: 'SpringBoot Bean简介', link: '/Web-Backend/SpringBoot/SpringBootBean' },
+          { text: 'SpringBoot3原生镜像', link: '/Web-Backend/SpringBoot/SpringBoot3-GraalVM' },
+          { text: 'SpingBoot技巧', link: '/Web-Backend/SpringBoot/SpingBoot-Skills' },
+          { text: 'SpringBoot Common', link: '/Web-Backend/SpringBoot/SpringBoot-Common' }
+        ]
+      },
+      {
+        text: 'FastAPI',
+        items: [
+          { text: 'FastAPI基础教程', link: '/Web-Backend/FastAPI/FastAPI-Guide' },
+          { text: '基于OAuth2的安全验证', link: '/Web-Backend/FastAPI/OAuth2' }
+        ]
+      },
+      { 
+        text: '其他',
+        items: [
+          { text: 'MySQL知识点', link: '/Web-Backend/Others/MySQL-Knowledge' },
+          { text: 'Flyway简单使用', link: '/Web-Backend/Others/Flyway' },
+          { text: 'MyBatis简介和使用', link: '/Web-Backend/Others/MyBatis' },
+          { text: 'RustFS简介和使用', link: '/Web-Backend/Others/RustFS' },
+          { text: 'AList简介和使用', link: '/Web-Backend/Others/AList' },
+          { text: '网络编程简介', link: '/Web-Backend/Others/Netword-Program' }
+        ]
+      },
+    ]
+  },
+  { 
+    text: '🚀 DevOps', 
+    items: [ 
+      { text: 'OpenObserve部署和使用', link: '/DevOps/OpenObserve' },
+      { text: 'Jenkins部署和使用', link: '/DevOps/Jenkins' },
+      { text: 'ElasticSearch部署和使用', link: '/DevOps/ElasticSearch' },
+      { text: 'Docker简介和安装', link: '/DevOps/Docker' }  
+      ]
+  },
+  { 
+    text: '📱 Flutter', 
+    items: [
+      { text: 'Dart基础教程', link: '/Flutter/DartGuide' },
+      { text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
+      { text: '实战技巧', link: '/Flutter/Practice' }
+    ] 
+  }
+];

docs/Web-Backend/Others/AList.md

@@ -0,0 +1,4 @@
+---
+  title: AList简介和使用
+  date: 2025-12-17
+---

docs/Web-Backend/SpringBoot/SpringBoot-Common.md

@@ -367,8 +367,11 @@ public abstract class AbstractException extends RuntimeException {
 
 ### 3.4 starters模块
   该模块为整个项目的核心模块，在实际项目中，通过引入相应的starter模块，并配合autoconfigure模块中的功能，即可实现快速自动装配。   
-  该模块的pom.xml声明的依赖会注入到实际的项目中。    
-  在springboot3中，可以在**main->resources->META-INF->spring->org.springframework.boot.autoconfigure.AutoConfiguration.imports**中声明需要自动执行的类。  
+  该模块的pom.xml声明的依赖会注入到实际的项目中。   
+::: danger
+在SringBoot3中，自动配置的路径改成了**main->resources->META-INF->spring->org.springframework.boot.autoconfigure.AutoConfiguration.imports**路径，然后在该文件中声明需要自动执行的类。  
+之前的SringBoot2，是在**main->resources->META-INF**目录下新建spring.factories文件。    
+:::
 
 #### 3.4.1 stater-jdbc
   该模块主要提供数据库相关的配置功能。  

docs/Web-Backend/index.md

@@ -32,4 +32,5 @@ Python FastAPI 框架学习：
 - [Flyway简单使用](/Web-Backend/Others/Flyway)
 - [MyBatis简介和使用](/Web-Backend/Others/MyBatis)
 - [RustFS简介和使用](/Web-Backend/Others/RustFS)
+- [AList简介和使用](/Web-Backend/Others/AList)
 - [网络编程简介](/Web-Backend/Others/Netword-Program)