# vuepress-theme-talltotal
for vuepress
# 0.x => 1.x
frontmatter.layout=>frontmatter.innerLayout
# install
npm install -D vuepress-theme-talltotal
yarn add --dev vuepress-theme-talltotal
 1
2
3
2
3
# why
- style
 - auto menu
 - themeType:light or dark
- 优先级:配置设置 > 系统设置 > 默认light
 
 
 
# config
根据配置自动生成菜单:
{
    theme: 'talltotal',
    themeConfig: {
        // config for ‘themeType’
        themeType: 'light', // or dark or undefined
        // config for ‘auto menu’
        // 定义自动生成
        sidebar: 'auto',
        // 配置
        listAllSidebar: {
            // 不在左菜单中显示的文件,打开当前文件时也不会显示左菜单
            ignore: ['/dist/'],
            // 归组做一级目录,key为一级目录名;不归属任何组的页面列在组后
            group: {
                '页面': ['/src/views/'],
                '组件': ['/src/components/'],
            },
        },
    }
}
{
    theme: 'talltotal',
    themeConfig: {
        sidebar: 'auto',
        listAllSidebar: {
            // 模块内的 README.md 目录名,不设置时不会显示在菜单栏,设置时此项会列在左菜单的第一个
            showIndex: 'home',
            // 定义模块,模块内的页面左菜单一致;不归属任何模块的页面合并为一个模块
            modules: ['/work/', '/docs/'],
            // 以文件结构为组,文件夹名为一级目录名,目前最多支持2级;为 true 时,group 配置无效
            groupByDir: true,
        },
    }
}
 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34