blog-press/docs/.vitepress/config.mts

import { defineConfig } from 'vitepress'
import { withMermaid } from 'vitepress-plugin-mermaid'

// https://vitepress.dev/reference/site-config
export default withMermaid({
  title: "拾光记",
  description: "Cxx0822 Blog",
  head: [
    ['link', { rel: 'icon', href: '/blog-press/favicon.ico' }]
  ],
  base: '/blog-press/',
  lang: 'zh-CN',
  locales: {
    "/": {
      label: "简体中文",
      lang: "zh-CN",
    },
  },
  themeConfig: {
    logo: "/logo.png",
    // 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: 'Flutter', 
        items: [
          { text: 'Dart基础教程', link: '/Flutter/DartGuide' },
          { text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
          { text: '实战技巧', link: '/Flutter/Practice' }
        ] 
      },
    ],
    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' }
          ]
        }
      ],
      '/Flutter/': [
        {
          text: 'Flutter',
          items: [
            { text: 'Dart基础教程', link: '/Flutter/DartGuide' },
            { text: 'Flutter基础教程', link: '/Flutter/FlutterGuide' },
            { text: '实战技巧', link: '/Flutter/Practice' }
          ]
        }
      ]
    },

    // socialLinks: [
    //   { icon: 'github', link: 'https://github.com/vuejs/vitepress' }
    // ]

    footer: {
      message: '基于 VitePress 构建',
      copyright: 'Copyright © 2025 Cxx0822'
    },

    search: {
      provider: 'local',
      options: {
        translations: {
          button: {
            buttonText: '搜索文档',
            buttonAriaLabel: '搜索文档'
          },
          modal: {
            noResultsText: '无法找到相关结果',
            resetButtonTitle: '清除查询条件',
            footer: {
              selectText: '选择',
              navigateText: '切换',
              closeText: '关闭'
            }
          }
        }
      }
    },

    outline: {
      label:  "目录",
      level: [1, 3]
    },

    returnToTopLabel: "返回顶部",

    // 上下篇导航
    docFooter: {
      prev: '上一篇',
      next: '下一篇'
    },

    sidebarMenuLabel: '菜单',
    darkModeSwitchLabel: '外观',

    lastUpdated: {
      text: '最后更新于'
    }
  },

  lastUpdated: true,

  markdown: {
    lineNumbers: true,
    container: {
      tipLabel: '提示',
      warningLabel: '注意',
      dangerLabel: '警告',
      infoLabel: '信息',
      detailsLabel: '详细信息'
    }
  },
})