feat:更新导航栏框架
This commit is contained in:
@@ -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: [
|
||||
|
||||
@@ -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 }} 字
|
||||
|
||||
76
docs/.vitepress/theme/router/index.ts
Normal file
76
docs/.vitepress/theme/router/index.ts
Normal file
@@ -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' }
|
||||
]
|
||||
}
|
||||
];
|
||||
Reference in New Issue
Block a user