biss/blog
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

update pictures

Browse Source
This commit is contained in:
biss
2026-02-07 19:17:19 +08:00
parent 8a3d959c46
commit cf197c75ab
17 changed files with 36 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
source/_posts/2025/2025.08/custom-navbar.md
View File

@@ -2,11 +2,14 @@
title: 自定义导航栏
categories: 建站手札
series: webcustom
summary: 介绍如何修改导航栏
abbrlink: 3e61a389
date: 2025-08-13 16:12:25
tags: 网站
summary: >-
这篇文章介绍了如何在最新版的Butterfly
5.4中自定义导航栏，包括PC端和PE端的修改方法以及CSS文件的调整。主要内容包括修改header\nav.pug和menu_item.pug文件中的内容，调整head.styl和sidebar.styl中的CSS样式，以及在CSS文件中添加新的样式规则。这些修改旨在实现导航栏的个性化设置，如菜单项的显示、位置调整、背景颜色变化等，以提升网站的用户体验和视觉效果。
date: 2025-08-13 16:12:25
---
最近在查找怎样自定义导航栏，奈何没有对应版本的修改教程，本站使用最新版butterfly5.4。
# PC 菜单栏