04. Vuepress2.x 设置导航栏 logo

 修改 docs/.vuepress/config.ts 配置文件

• 设置 themeConfig.logo 属性。
• 注意：图片放在 docs/.vuepress/public 文件夹下，public 要手动创建。
• 编译后 dist 文件夹会将 public 文件夹下的文件放出。

module.exports = {
    host: 'localhost', // ip
    port: '8099', //端口号
    title: '我的技术站', // 设置网站标题
    description: '描述：我的技术站',
    base: '/', //默认路径
    head: [
        // 设置 favor.ico，docs/.vuepress/public 下
        [
            'link', { rel: 'icon', href: '/images/logo.png' }
        ]
    ],
    themeConfig: {// 主题设置
        logo: '/images/logo.png',// 注意图片放在 public 文件夹下
        navbar: [...]
    }
}

下图可以清晰的看出结构

 效果图