顶部导航栏设置相关问题

theme-kaze / hexo-theme-kaze

⛵ A responsive, modern Hexo theme

https://theme-kaze-demo.songhn.com/

MIT License

194 stars 17 forks source link

Closed skillfans closed 2 years ago

skillfans commented 2 years ago

作者您好，请问如果需要将顶部导航栏设置为靠右边展示，应该更改那个配置文件呢？

songhn233 commented 2 years ago

Hello，主题本身配置没有支持这种样式，但可以自定义样式解决，首先找到主题对应文件 source/css/_pages/widgets/nav.styl https://github.com/theme-kaze/hexo-theme-kaze/blob/6d550acfc7945e54446f8c493e9217cab2597baf/source/css/_pages/widgets/nav.styl#L23-L26

增加两行样式

 .navbar-menu 
   font-size: $md-font-size 
   display: flex 
   align-items: center
+  margin-left: auto
+  margin-right: 20px

重新 hexo g 即可，效果参考：