vuepress小课堂005--添加头部导航

按照官方文档 添加一个最简单的

// .vuepress/config.js
module.exports = {
    themeConfig: {
        nav: [
            {
                text: 'Languages',
                ariaLabel: 'Language Menu',
                items: [
                    {
                        text: 'Group1',
                        items: [
                            {text: 'Chinese', link: '/language/chinese/'},
                            { text: 'Japanese', link: '/language/japanese/'}
                        ]
                    },
                    {
                        text: 'Group2', 
                        items: [
                            { text: 'Chinese', link: '/language/chinese/' },
                            { text: 'Japanese', link: '/language/japanese/' }
                        ]
                    }
        ]
    }],
        logo: '/assets/img/logo-new.png',
}
}

我在public里面建立了/assets/img/logo.png

最终效果是这样子的

看一下主题源码

// nav组件 当浏览器小于一定尺寸 navlinks会消失

//sidebar组件 当浏览器小于一定尺寸 navlinks会出现