B站个性化与插件开发：打造专属你的B站增强体验

你是否曾在B站浏览时被繁杂的界面元素困扰？是否希望视频播放器能更符合个人习惯？Bilibili-Evolved作为一款强大的B站增强脚本，通过组件化设计让这些需求成为可能。本文将带你探索如何利用其组件系统实现B站体验优化，从基础配置到插件开发，解锁个性化浏览新方式。

如何用组件系统解决B站使用痛点？

你是否遇到过这些场景：想隐藏首页推荐却找不到设置入口，视频播放时总被广告打断，或者希望顶栏保持固定方便导航？Bilibili-Evolved的组件化架构正是为解决这些问题而生。每个组件就像一个功能模块，你可以按需启用或禁用，无需修改B站源码即可实现界面定制、广告过滤、播放增强等功能。

🔍 核心价值：组件系统让普通用户无需编程知识就能个性化B站，开发者则可以通过简单API扩展功能。这种"搭积木"式的设计，既满足了小白用户的易用性需求，又为技术爱好者提供了无限扩展空间。

📌 实际案例："自定义顶栏"组件允许你固定导航栏、设置透明效果，解决了原生界面滚动时顶栏消失的问题；"删除广告"组件则能自动屏蔽视频前贴片和页面推广，让观看体验更纯粹。

组件化设计的精髓在于：将复杂功能拆解为独立模块，通过组合不同模块满足个性化需求，就像用乐高积木搭建属于自己的城堡。

如何理解Bilibili-Evolved的核心概念？

当你开始使用Bilibili-Evolved时，会遇到一些关键概念，理解它们是掌握系统的基础。这些概念不仅是技术术语，更是实际解决问题的工具。

💡 组件元数据
→ "描述组件身份的数字名片"，包含名称、功能说明、配置选项等信息。
应用场景：在设置面板中看到的"自定义顶栏"名称、开关按钮和参数选项，都是由组件元数据定义的。系统通过这些信息展示组件并保存用户设置。

💡 标签系统
→ "组件的分类标签"，将功能按用途归类，如"样式"、"视频"、"直播"等。
应用场景：在设置面板左侧点击"样式"标签，就能筛选出所有与界面美化相关的组件，快速找到你需要的功能。

图：Bilibili-Evolved设置面板，展示了组件元数据定义的界面元素和标签分类系统

如何通过组件配置实现个性化需求？

掌握组件配置是提升B站体验的关键。让我们通过一个实际需求，看看如何一步步实现个性化设置。

需求：希望B站顶栏固定在页面顶部，同时设置透明效果和阴影，让界面更现代。

📌 方案步骤：

1. 打开Bilibili-Evolved设置面板（通常点击浏览器扩展图标）
2. 在左侧标签中选择"样式"分类
3. 找到并启用"自定义顶栏"组件
4. 点击组件名称进入详细设置，开启"全局固定"和"透明填充"选项
5. 勾选"投影"选项添加阴影效果

💡 效果展示：设置完成后，无论页面如何滚动，顶栏都会保持在视野顶部，透明效果让页面层次更清晰，阴影则增加了界面的立体感。这种配置特别适合需要频繁切换页面的用户，减少导航操作。

组件配置的原则是：先启用核心功能，再调整细节参数。大多数组件都提供了开关按钮，无需配置即可使用基础功能。

如何解决组件使用中的常见问题？

在使用组件的过程中，你可能会遇到一些问题。以下是两个典型场景及解决方案：

🔍 组件冲突怎么办？
当同时启用多个组件时，可能出现功能冲突（如两个组件都试图修改顶栏）。
解决方法：

1. 打开组件管理面板（设置中的"组件"选项）
2. 暂时禁用可能冲突的组件，逐一测试找出问题源
3. 调整组件设置，例如修改加载顺序或禁用冲突选项

图：组件管理面板，可禁用冲突组件或卸载不需要的功能

🔍 如何开发自己的组件？
如果你有编程基础，可以创建自定义组件满足特殊需求。
入门步骤：

1. 克隆项目仓库：git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Evolved
2. 参考现有组件结构（如registry/lib/components/目录下的示例）
3. 使用defineComponentMetadata函数定义组件基本信息
4. 实现核心功能逻辑并在本地测试

探索资源

用户指南

• 官方文档：docs/official.md - 基础功能说明
• 功能列表：doc/features/features.md - 组件功能介绍

开发者资源

• 组件开发指南：registry/lib/components/ - 示例组件源码
• API参考：src/components/define.ts - 组件定义接口

通过这些资源，你可以从普通用户逐步成长为组件开发者，为Bilibili-Evolved生态贡献自己的创意。无论你是想简单优化浏览体验，还是深入开发自定义功能，这个强大的增强脚本都能满足你的需求。