本博客是vitepress-theme-curve主题，基于vitepress文档改造的。
博客版本：1.0.1
Node版本：18.X及以上版本，我使用的是20.7.0
登录页面
效果：
增加登录页面：
.vitepress\theme\views\admin\Login.vue
pages\admin\login.md
.vitepress\components.d.ts 这个配置在调试的时候会自动引入相应的组件
配置菜单导航栏
// 导航栏菜单
.vitepress\theme\assets\themeConfig.mjs
后台首页
效果图：
变动文件：
新增Dashboard.vue页面：
.vitepress\theme\views\admin\Dashboard.vue
增加组件：
.vitepress\theme\components\admin\Layout.vue
.vitepress\theme\components\admin\Header.vue
.vitepress\theme\components\admin\Sidebar.vue
增加收缩状态
.vitepress\theme\composables\useSidebarCollapse.ts
增加
pages\admin\dashboard.md渲染
首页改进
效果：
改动代码：
新增后台布局，与首页区分开
.vitepress\theme\layouts\AdminLayout.vue
在App.vue中修改布局方式：
.vitepress\theme\App.vue
在原来导航布局上套一层 <template v-if=””> 通过if else区分使用哪一套布局
isAdminRoute是判断哪些路由使用AdminLayout布局
.vitepress\theme\App.vue
判断是否是管理后台路由
认证
改动文件：
.vitepress\theme\store\modules
.vitepress\theme\store\modules\admin.ts
创建状态管理ts
增加中间件
.vitepress\theme\middleware\auth.ts
.vitepress\theme\index.mjs
登录修改：
.vitepress\theme\views\admin\Login.vue
后台首页修改：
.vitepress\theme\views\admin\Dashboard.vue
增加自动检查
变动文件
自动检查
.vitepress\theme\composables\useAuthCheck.ts
.vitepress\theme\components\admin\Layout.vue
这里只需引入自动检查文件即可，主要作用是，当没有登录的情况下，后台页面时不能正常访问的，直接调整到登录页面。
优化改动
变动文件：
本主题提供了一个themeConfig.mjs文件用来配置，它位于.vitepress\theme\assets\themeConfig.mjs，你可以将它复制一份并移动至根目录中，在这里里面的修改将会覆盖初始配置，请注意，请不要更改文件名或者删除原配置文件，否则它将会不起作用！
扩展后台页面
改动文件：
页面代码：
这里只提供.vitepress\theme\views\admin\下的页面，pages/admin下的md可以自行创建，模板类似，引入对应组件即可。
.vitepress\theme\views\admin\UserManage.vue
.vitepress\theme\views\admin\PostManage.vue
.vitepress\theme\views\admin\CommentManage.vue
.vitepress\theme\views\admin\SystemSettings.vue
📎 参考文章
ruoyiplus：https://gitee.com/dromara/RuoYi-Vue-Plus
ruoyiplus-github：https://github.com/dromara/RuoYi-Vue-Plus
后端改造推荐，使用Go或Node，java也可以，但不推荐。
欢迎您在底部评论区留言，一起交流~