B站导航栏自定义可通过五种方法实现:一、用Bilibili-Evolved插件配置顶栏;二、用BewlyBewly插件主题化渲染;三、手动注入CSS代码;四、手机App启用双列首页导航;五、创作中心权限管理导航可见性。

如果您希望调整B站导航栏的显示样式、布局结构或功能可见性,则可能是由于默认界面无法满足个性化浏览需求。以下是实现B站导航栏自定义布局的多种方法:
一、使用Bilibili-Evolved插件配置自定义顶栏
该方法通过浏览器扩展实现非侵入式界面改造,支持全局固定、透明度调节与元素重排,无需修改源码即可完成深度定制。
1、访问Chrome或Edge扩展商店,搜索并安装
2、在任意B站网页右上角点击插件图标,选择“设置”进入配置面板。
3、在左侧菜单中找到“自定义顶栏”选项,点击右侧开关启用功能。
4、在展开的设置区域中,开启全局固定以保持顶栏始终可见。
5、拖动透明填充滑块调节背景透明度,建议值设为0.7–0.9之间以兼顾美观与可读性。
6、勾选投影效果增强视觉层次感,使顶栏与内容区形成自然区分。
7、点击“布局设置”,在弹出窗口中拖拽图标顺序,将常用入口(如“首页”“动画”“游戏”)置于左侧,工具类入口(如“消息”“会员购”)移至右侧。
二、通过BewlyBewly插件实现导航栏主题化渲染
该方案聚焦于色彩体系与视觉风格统一,适用于追求整体UI协调性的用户,可独立于Bilibili-Evolved运行,亦可叠加使用。
1、点击BewlyBewly浏览器图标,选择“外观设置”进入主题配置界面。
2、在“导航栏”子项中,点击主色调取色器,选择与个人偏好匹配的颜色值,例如#FF6B6B(珊瑚红)或#4ECDC4(青绿色)。
3、调整辅助色用于悬停状态,中性色用于未激活文字,确保对比度符合可访问性标准。
4、启用深色模式适配开关,使导航栏在夜间模式下自动切换为高对比暗色方案。
5、点击“应用主题”,页面将立即刷新并渲染新样式。
6、若发现导航栏文字模糊或错位,尝试关闭“字体平滑”选项以恢复清晰显示。
三、手动注入CSS代码覆盖默认导航栏样式
此方法适用于熟悉前端基础的用户,通过开发者工具临时调试或Tampermonkey脚本长期生效,可精确控制尺寸、间距与响应行为。
1、在B站任意页面按F12打开开发者工具,切换到“Console”标签页。
2、输入以下代码并回车执行,临时隐藏右侧“动态”“直播”等非核心入口:
document.querySelector('.nav-menu').innerHTML = document.querySelector('.nav-menu').innerHTML.replace(/
3、如需永久生效,新建Tampermonkey脚本,在@match字段填写https://www.bilibili.com/*,并在主代码中插入:
const style = document.createElement('style'); style.textContent = `.bili-header__nav { padding: 0 24px !important; } .nav-menu li:nth-child(3) { display: none !important; }`; document.head.appendChild(style);
4、保存脚本后刷新页面,观察导航栏第三项是否已隐藏。
5、修改CSS选择器中的:nth-child(n)数值,可精准控制任意位置图标的显隐状态。
6、若需调整高度,将height: 72px替换为height: 64px并添加line-height: 64px确保文字垂直居中。
四、手机端B站App双列首页导航启用方式
该操作仅影响首页顶部分类导航栏的展示密度,不涉及功能删减,适用于希望提升信息获取效率的移动端用户。
1、打开手机B站App,确保登录个人账号。
2、点击右下角“我的”进入个人中心。
3、点击右上角画板形状的“主题设置”图标。
4、在设置列表中找到“首页排版”选项,点击进入子页面。
5、选择双列模式,系统将自动将原单列分区导航栏压缩为两行显示。
6、返回首页,确认顶部导航栏已由原先的单行滚动条变为上下两行静态分类入口。
7、若双列导致文字过小,可在同一设置页中开启大号字体选项增强可读性。
五、B站创作中心内嵌导航栏权限管理
该方法面向UP主用户,用于控制后台管理界面中导航模块的可见范围,不影响前台观众端显示,需具备对应账号权限。
1、登录B站账号后,进入“创作中心”页面。
2、点击左侧菜单栏底部的“设置”图标,进入“导航栏管理”子项。
3、在“可见性配置”区域,取消勾选稿件分析以隐藏数据看板入口。
4、对“专栏管理”“直播中心”“花火平台”等模块逐项设置开关状态。
5、点击保存当前配置按钮,系统提示“配置已更新”即表示生效。
6、刷新创作中心页面,验证被禁用的导航项是否已从左侧菜单中完全移除。











