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

railsbug

于 2020-03-11 01:51:25 发布

阅读量1.2k

点赞数

分类专栏： vuepress 文章标签： vuepress

本文链接：https://blog.youkuaiyun.com/railsbug/article/details/104788199

版权

本篇博客介绍如何按照VuePress官方文档，为站点添加头部导航。通过在public目录下创建/assets/img/logo.png，实现了自定义头部导航的最终效果。文章还将展示所使用的主题源码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

// .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',
}
}

最低0.47元/天解锁文章