以VuePress的v1.x为基础开发-用户手册

首先配置.vuepress中的config.js

module.exports = { title:"用户手册", description: '用户手册', evergreen: true, plugins: [ ['@vuepress/search', { search: true, searchMaxSuggestions: 10 }] ], themeConfig: { logo: '/assets/img/logo.png', displayAllHeaders: true, searchMaxSuggestions: 10, sidebarDepth: 2, search: true, sidebar: [ { title: '产品简介', children: [ {title: '产品概述', path: '/product/'}, {title: '产品优势', path: '/product/advantages'} ], collapsable: true }, { title: '用户指南', path: '/guide/', children: [ {title: '快速入门', path: '/quick-get-start/'}, {title: '用户管理', path: '/guide/user'}, ] }, { title: '版本记录', children: [ {title: 'V 1.0', path: '/change-log/'} ] } ] }, }

根据路径建立相应文件,创建index.md,在里面写标题和内容。 在这里就不一一写了,唯一不同的是【快速入门】的子标题不是一个个单独的文件,标题是以md中的标题自动识别的。
## 用户登录 用户登录 ## 项目列表 项目列表 ## 设置### 个人设置### 修改密码## 用户管理 用户管理 ## 项目详情 项目详情 ## 导出报告 导出报告

效果图如下:
以VuePress的v1.x为基础开发-用户手册
文章图片


【以VuePress的v1.x为基础开发-用户手册】

    推荐阅读