修改 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: '/'
}, {
...
}
下图可以清晰的看出结构
效果图