news 2026/2/14 7:24:17

5个步骤彻底改造B站界面:BewlyBewly插件让你的首页焕然一新

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
5个步骤彻底改造B站界面:BewlyBewly插件让你的首页焕然一新

5个步骤彻底改造B站界面:BewlyBewly插件让你的首页焕然一新

【免费下载链接】BewlyBewlyImprove your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)项目地址: https://gitcode.com/gh_mirrors/bew/BewlyBewly

还在为B站单调的界面感到厌倦吗?BewlyBewly这款神奇的浏览器插件能够彻底改变你的B站使用体验。作为一款专注于B站界面美化的强大工具,它通过重新设计用户界面,为你带来前所未有的视觉享受和操作便捷性。这款插件的设计灵感来源于YouTube、Vision OS和iOS,将现代化的设计理念完美融入B站平台。

🎯 第一步:个性化主题色彩定制

BewlyBewly提供了丰富的主题定制功能,让你可以根据个人喜好打造独一无二的B站界面。在src/components/Settings/components/Appearance.vue组件中,你可以轻松调整:

  • 智能主题模式:支持浅色、深色和自动切换,完美适配不同使用场景
  • 预设色彩库:内置13种精心挑选的主题色彩,从清新绿色到活力橙色应有尽有
  • 自由调配:如果预设色彩不满足需求,还可以使用颜色选择器进行自定义

🏠 第二步:智能主页布局优化

BewlyBewly对B站首页进行了全面的重新设计,在src/contentScripts/views/Home/Home.vue组件中实现了:

  • 灵活网格布局:支持自适应、双列和单列三种显示模式
  • 标签页管理:可以自定义显示哪些内容标签页,按需开启或关闭
  • 专注搜索模式:提供专门的搜索页面布局,让搜索体验更加高效

⚙️ 第三步:全面设置系统配置

通过src/components/Settings/Settings.vue主界面,你可以轻松访问所有功能模块:

  • 通用设置:基础功能配置和选项调整
  • 外观设置:主题色彩和视觉效果定制
  • 搜索优化:搜索页面体验的个性化设置
  • 主页布局:首页显示内容的精细化控制
  • 兼容性调整:确保与其他插件的完美协作

📊 第四步:高级功能深度体验

BewlyBewly不仅仅停留在表面美化,还提供了多种实用功能:

  • 毛玻璃特效:精致的玻璃拟态设计,提升整体质感
  • 响应式适配:完美兼容不同屏幕尺寸和设备
  • 个性化定制:从色彩搭配到布局设计,完全按照你的使用习惯来配置

🚀 第五步:快速安装与使用

在线安装(推荐)

  • Chrome浏览器:直接在Chrome网上应用店搜索"BewlyBewly"
  • Edge浏览器:同样推荐使用Chrome网上应用店版本
  • Firefox用户:在Firefox附加组件商店中即可找到

本地安装(开发者推荐)

如果你想体验最新功能,可以通过以下命令:

git clone https://gitcode.com/gh_mirrors/bew/BewlyBewly cd BewlyBewly pnpm install pnpm build-firefox

💫 为什么选择BewlyBewly?

  1. 视觉革命:告别传统B站界面,享受现代化设计美学
  2. 操作流畅:所有设置都经过精心设计,使用起来非常直观
  3. 完全免费:所有功能都是免费提供,无需任何费用
  4. 持续优化:开发团队不断更新,确保最佳使用体验

无论你是B站的资深用户还是刚入门的新手,BewlyBewly都能为你带来全新的使用感受。立即尝试这款强大的界面重构插件,让你的B站之旅更加精彩纷呈!

【免费下载链接】BewlyBewlyImprove your Bilibili homepage by redesigning it, adding more features, and personalizing it to match your preferences. (English | 简体中文 | 正體中文 | 廣東話)项目地址: https://gitcode.com/gh_mirrors/bew/BewlyBewly

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/2/15 0:58:29

GitHub Trending上榜让全世界开发者看到IndexTTS 2.0潜力

GitHub Trending上榜让全世界开发者看到IndexTTS 2.0潜力 最近,一个名为 IndexTTS 2.0 的开源语音合成项目突然冲上 GitHub Trending 榜单,引发全球开发者热议。它没有靠夸张宣传,也没有背靠大厂站台,而是凭借实实在在的技术突破—…

作者头像 李华
网站建设 2026/2/14 18:36:46

5分钟掌握IronyModManager:终极游戏模组管理解决方案

5分钟掌握IronyModManager:终极游戏模组管理解决方案 【免费下载链接】IronyModManager Mod Manager for Paradox Games. Official Discord: https://discord.gg/t9JmY8KFrV 项目地址: https://gitcode.com/gh_mirrors/ir/IronyModManager IronyModManager是…

作者头像 李华
网站建设 2026/2/11 9:06:50

三步搞定网页视频下载:零基础也能轻松掌握的终极指南

还在为无法保存喜欢的网页视频而烦恼吗?VideoDownloadHelper这款专业的浏览器扩展工具,为你提供一键解析、离线保存的完美解决方案。无论你是技术小白还是资深用户,都能轻松上手,快速保存心仪的视频内容。 【免费下载链接】VideoD…

作者头像 李华
网站建设 2026/2/14 16:18:59

全网最全8个AI论文写作软件,自考学生轻松搞定毕业论文!

全网最全8个AI论文写作软件,自考学生轻松搞定毕业论文! 1.「千笔」—— 一站式学术支持“专家”,从初稿到降重一步到位(推荐指数:★★★★★) 在众多AI论文写作工具中,「千笔」凭借其强大的功能…

作者头像 李华
网站建设 2026/2/14 23:09:06

Perseus碧蓝航线脚本补丁终极指南:5步解锁全皮肤功能

Perseus碧蓝航线脚本补丁终极指南:5步解锁全皮肤功能 【免费下载链接】Perseus Azur Lane scripts patcher. 项目地址: https://gitcode.com/gh_mirrors/pers/Perseus 还在为碧蓝航线游戏更新导致脚本失效而烦恼吗?Perseus作为一款专为碧蓝航线设…

作者头像 李华
网站建设 2026/2/13 2:10:07

Perseus碧蓝航线脚本补丁终极配置指南:快速解锁全皮肤功能

Perseus碧蓝航线脚本补丁终极配置指南:快速解锁全皮肤功能 【免费下载链接】Perseus Azur Lane scripts patcher. 项目地址: https://gitcode.com/gh_mirrors/pers/Perseus 还在为碧蓝航线每次版本更新后脚本失效而苦恼?想要解锁更多游戏功能却不…

作者头像 李华