以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为基础开发-用户手册

最新文章

热门文章