04. Vuepress2.x 设置导航栏 logo

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

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

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

下图可以清晰的看出结构

效果图

04. Vuepress2.x 设置导航栏 logo相关推荐

uniapp动态设置导航栏和标题栏语言
hbuilderx中uniapp动态设置导航栏和标题栏语言一 .下载vue-i18n文件引入项目 hbuilder本身是带有能够运行nmp命令的终端,由于用不到全部文件,我采用的是在电脑cmd窗口下 ...
怎么做网络推广浅析网站如何设置导航栏可以使网站优化更好？
网站导航就像是网站的"地图"一样,为用户们提供更好地浏览体验,为他们更好地指路,提高访客的好感度.众所周知,网站常见的导航可分为顶部导航.底部导航.面包屑导航三大类型.今天怎么做网 ...
IOS设置导航栏返回按钮，并添加事件返回主页面
IOS设置导航栏返回按钮,并添加事件返回主页面前提是已经push了一个viewController了.才能使用. XXXTableViewController 里面书写 - (void)viewDi ...
IOS设置导航栏的背景图片和文字
IOS设置导航栏的背景图片和文字 - (void)viewDidLoad {[super viewDidLoad];[self.navigationBar setBackgroundImage:[UI ...
设置导航栏的相关属性
很多其它具体内容请參考http://www.cocoachina.com/applenews/devnews/2013/1104/7287.html 别人的代码敲一遍就成了自己的了 //改动导航栏的背 ...
Axure设置导航栏控制页面切换
用axure实现导航的页面切换效果也不复杂,大致步骤如下: 首先设置你的导航栏,可以是几个按钮,也可以是box,都不影响,满足自己的页面效果就行了,我拖了俩button作为我的导航栏,还有一个动态面板 ...
iOS设置导航栏和状态栏
文章目录 iOS 15 之后导航栏背景色的设置 1.状态栏设置 1.1.没有导航栏 1.2.有导航栏 2.导航栏背景和字体颜色 2.1.十六进制颜色转RGB 2.2.生成纯色图片 3.导航栏的另外一种 ...
wift3.0设置导航栏,标题,字体,item颜色和字体大小
swift3.0设置导航栏(navigationBar)背景颜色,标题颜色和字体大小,item颜色 1 2 3 4 5 6 7 8 //设置导航栏背景颜色 self.navigationControl ...
iOS 设置导航栏背景颜色
//导航栏背景色UIColor *navBarColor = [UIColor colorWithRGB_au:0xD42D37];if (@available(iOS 15.0, *)) {UINa ...

04. Vuepress2.x 设置导航栏 logo

04. Vuepress2.x 设置导航栏 logo相关推荐

最新文章

热门文章