feat:更新导航栏框架

This commit is contained in:
2025-12-17 20:01:54 +08:00
parent 49ff8fd7d6
commit 5b02b1c729
6 changed files with 97 additions and 149 deletions

View File

@@ -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 }}

View 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' }
]
}
];