news 2026/5/16 1:51:31

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/5/15 17:03:56

Prometheus Alertmanager分组抑制转发IndexTTS 2.0各类告警

Prometheus Alertmanager 分组抑制转发 IndexTTS 2.0 各类告警 在运维一线,你是否经历过这样的夜晚:屏幕闪烁着几十条告警,消息弹窗此起彼伏,而真正关键的故障却被淹没在“InstanceDown”“CPUHigh”的重复刷屏中?当系…

作者头像 李华
网站建设 2026/4/26 21:05:30

Irony Mod Manager终极指南:如何快速解决游戏模组冲突问题

Irony Mod Manager终极指南:如何快速解决游戏模组冲突问题 【免费下载链接】IronyModManager Mod Manager for Paradox Games. Official Discord: https://discord.gg/t9JmY8KFrV 项目地址: https://gitcode.com/gh_mirrors/ir/IronyModManager 项目简介 Ir…

作者头像 李华
网站建设 2026/5/12 18:16:56

酷安UWP客户端:桌面端高效配置与性能调优指南

酷安UWP客户端:桌面端高效配置与性能调优指南 【免费下载链接】Coolapk-UWP 一个基于 UWP 平台的第三方酷安客户端 项目地址: https://gitcode.com/gh_mirrors/co/Coolapk-UWP 在移动互联网时代,将手机应用体验完美移植到桌面端已成为用户迫切需求…

作者头像 李华
网站建设 2026/4/20 22:06:56

HackBGRT:UEFI启动画面定制与Windows徽标修改实战指南

HackBGRT:UEFI启动画面定制与Windows徽标修改实战指南 【免费下载链接】HackBGRT Windows boot logo changer for UEFI systems 项目地址: https://gitcode.com/gh_mirrors/ha/HackBGRT 想要个性化你的Windows启动画面?HackBGRT工具让你轻松实现U…

作者头像 李华
网站建设 2026/5/13 4:58:50

7个高效窗口管理技巧:实现像素级尺寸控制的专业方案

7个高效窗口管理技巧:实现像素级尺寸控制的专业方案 【免费下载链接】WindowResizer 一个可以强制调整应用程序窗口大小的工具 项目地址: https://gitcode.com/gh_mirrors/wi/WindowResizer 在现代多任务工作环境中,窗口管理已成为提升工作效率的…

作者头像 李华
网站建设 2026/5/12 15:20:13

用自然语言描述生成情绪化语音?IndexTTS 2.0 + Qwen-3 实现情感驱动

用自然语言描述生成情绪化语音?IndexTTS 2.0 Qwen-3 实现情感驱动 在短视频、虚拟主播和有声书内容爆发的今天,一个声音是否“有情绪”,往往决定了它能否打动观众。我们早已不满足于机器朗读式的生硬合成音——用户想要的是能愤怒质问、温柔…

作者头像 李华