首先配置.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中的标题自动识别的。

## 用户登录
用户登录
## 项目列表
项目列表
## 设置

### 个人设置

### 修改密码

## 用户管理
用户管理
## 项目详情
项目详情
## 导出报告
导出报告

效果图如下：