vuepress 的navbar两种配置方式

第一种

module.exports = {
    title: '网站的标题如果是图片怎么办',  // 设置网站标题
    description : '我的个人网站',
    head:[
        ['link',{rel:'icon',href:'/logo.jpg'}]
    ],
    base : '/',
    markdown:{
        lineNumber: false //
    },
    themeConfig : {
        nav : [ // 添加导航栏
            {
                text: 'Languages',
                items: [
                    { text: 'Chinese', link: '/language/chinese/' },
                    { text: 'Japanese', link: '/language/japanese/' }
                ]
            }
        ],
        // 添加侧边栏
        sidebar: 'auto',
        sidebarDepth: 2
    }
}

 

第二种

module.exports = {
    title: '网站的标题如果是图片怎么办',  // 设置网站标题
    description : '我的个人网站',
    head:[
        ['link',{rel:'icon',href:'/logo.jpg'}]
    ],
    base : '/',
    markdown:{
        lineNumber: false //
    },
    themeConfig : {
        nav : [ // 添加导航栏
            { text: '菜单1', link: '/apiword' },
            { text: '菜单2', link: '/api' },
            { text: '菜单3', link: '/error' },
            {text: '菜单4',
                items:[
                    {text:'菜单4-1',link: '/ers1'},
                    {text:'菜单4-2',link: '/ers2'},
                ]
            }
        ],
        // 添加侧边栏
        sidebar: 'auto',
        sidebarDepth: 2
    }
}

 

转载于:https://www.cnblogs.com/tengyuxin/p/11230039.html