04. Vuepress1.x 设置导航栏 logo

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

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

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

下图可以清晰的看出结构

效果图