企业官网建设流程全解析

Bilibili-Old：一键恢复经典B站界面的开源工具，你还在怀念那个简洁的B站吗？

【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old

你是否还记得那个界面清爽、操作直接的B站？随着B站不断改版，许多用户开始怀念那个没有复杂推荐算法、界面简洁明了的旧版B站。Bilibili-Old作为一个开源项目，正是为了解决这个痛点而生。它通过浏览器扩展和用户脚本两种方式，让你能够轻松恢复经典的B站界面，重拾那个纯粹的观影体验。无论是想找回熟悉的播放器布局，还是希望恢复简洁的导航菜单，这个工具都能满足你对怀旧B站的所有期待。

🎯 为什么我们需要Bilibili-Old？

界面变迁带来的困扰

B站从2019年开始进行了一系列重大改版，这些变化虽然带来了新功能，但也让许多老用户感到不适应：

• 播放器界面复杂化：新版播放器按钮位置改变，操作逻辑与旧版完全不同
• 导航菜单层级过深：常用功能被隐藏在多层菜单中，查找变得困难
• 弹幕系统改变：经典弹幕样式被替换，观看体验受到影响
• 页面加载速度变慢：新版页面加载了大量不必要的元素和脚本

Bilibili-Old通过恢复旧版页面的核心组件，包括播放器控制、弹幕显示、页面导航等，让你能够重新享受那个简洁高效的B站体验。

两种安装方式满足不同需求

浏览器扩展版适合绝大多数普通用户，安装简单，无需技术背景。只需要几个点击就能完成安装，适合想要快速体验经典界面的用户。

用户脚本版则更适合技术爱好者和高级用户，通过Tampermonkey等脚本管理器运行，提供了更高的自定义灵活性，你可以根据自己的需求调整脚本设置。

🚀 五分钟快速上手指南

方法一：浏览器扩展安装（推荐新手）

1. 获取项目文件打开命令行工具，输入以下命令下载项目：

   git clone https://gitcode.com/gh_mirrors/bi/Bilibili-Old

2. 准备扩展文件进入下载的文件夹，找到chrome目录，这里包含了所有扩展所需的文件。

3. 安装到浏览器

   • 打开Chrome浏览器，在地址栏输入chrome://extensions/
   • 打开右上角的"开发者模式"
   • 点击"加载已解压的扩展程序"
   • 选择刚才的chrome文件夹

安装完成后，浏览器工具栏会出现Bilibili-Old的图标，点击即可访问设置界面。扩展会自动在访问B站时生效，无需额外操作。

方法二：用户脚本安装（适合进阶用户）

1. 安装脚本管理器首先需要在浏览器中安装Tampermonkey插件，这是运行用户脚本的基础。

2. 导入脚本文件打开项目中的tampermonkey/main.user.js文件，将内容复制到Tampermonkey的新建脚本页面。

3. 启用脚本在Tampermonkey管理界面找到Bilibili-Old脚本，确保它处于启用状态。

提示：用户脚本版支持更多自定义选项，你可以在脚本设置中调整各种参数，实现个性化的界面恢复效果。

Bilibili-Old加载动画 - 恢复经典B站界面的过程演示

✨ 核心功能亮点

播放器经典布局回归

场景重现：当你打开一个B站视频，是否觉得新版播放器的控制按钮位置别扭？进度条操作不够直观？

Bilibili-Old通过修改src/core/player.ts和src/core/video-info.ts文件，完美恢复了经典的播放器布局：

• 控制按钮回归原位：播放/暂停、音量、全屏等按钮回到熟悉的位置
• 画质选择菜单优化：恢复简洁的画质选择界面，操作更加直观
• 进度条分段显示：支持分段进度条，便于查看视频章节结构

弹幕系统全面优化

场景重现：观看视频时，是否觉得新版弹幕样式杂乱，影响观看体验？

项目通过src/core/danmaku.ts和相关CSS文件，对弹幕系统进行了深度优化：

• 经典弹幕样式：恢复旧版弹幕的字体、颜色和显示效果
• 弹幕发送者反查：支持查看弹幕发送者的信息
• 本地弹幕加载：可以从本地文件加载弹幕，实现个性化弹幕体验
• 互动弹幕支持：完整支持新版互动弹幕功能

页面导航结构简化

场景重现：在B站首页或频道页面，是否觉得导航菜单过于复杂，找不到想要的内容？

通过src/page/目录下的各个页面模块，Bilibili-Old恢复了简洁的导航结构：

• 主页布局优化：恢复旧版主页的简洁布局，减少信息干扰
• 频道页面整理：对动漫、电影、纪录片等频道页面进行优化
• 搜索界面改进：恢复经典的搜索结果展示方式

Bilibili-Old图标 - 代表经典B站界面的回归

🔧 进阶定制技巧

个性化主题定制

如果你对界面有特殊需求，可以通过修改CSS文件来自定义主题：

1. 修改配色方案：编辑src/css/目录下的CSS文件，调整颜色变量
2. 调整字体大小：修改相关样式，让文字显示更符合你的阅读习惯
3. 自定义布局：调整页面元素的间距和排列方式

快捷键功能增强

项目中的src/core/accesskey.ts文件允许你自定义快捷键：

// 示例：自定义播放控制快捷键 const customShortcuts = { playPause: 'Space', // 空格键播放/暂停 fullscreen: 'F', // F键全屏 volumeUp: 'ArrowUp', // 上箭头增加音量 volumeDown: 'ArrowDown' // 下箭头降低音量 };

下载功能配置

对于需要下载视频的用户，可以配置src/core/download.ts文件：

• 下载路径设置：指定视频保存的目录
• 格式选择：选择下载视频的格式和质量
• 批量下载：支持批量下载多个视频

❓ 常见问题解答

Q：安装后界面没有变化怎么办？

A：这通常是由于浏览器缓存导致的，可以尝试以下步骤：

1. 清除浏览器缓存（Ctrl+Shift+Delete）
2. 重启浏览器
3. 确认扩展或脚本已启用
4. 刷新B站页面

Q：弹幕显示不正常如何处理？

A：弹幕问题可能有多种原因：

1. 检查弹幕设置是否正确
2. 确认网络连接正常
3. 查看danmaku/目录下的配置文件
4. 尝试重置弹幕设置

Q：部分功能失效怎么解决？

A：功能失效可能是由于B站更新导致的：

1. 更新到最新版本的Bilibili-Old
2. 检查相关功能模块文件
3. 查看项目GitCode页面获取最新信息

Q：扩展版和脚本版有什么区别？

A：主要区别在于：

• 扩展版：安装简单，稳定性好，适合普通用户
• 脚本版：自定义性强，更新灵活，适合技术用户

🌱 社区与扩展

项目生态

Bilibili-Old作为一个开源项目，拥有活跃的社区支持：

• 持续更新：项目团队会定期更新以适应B站的变化
• 问题反馈：遇到问题可以在项目页面提交Issue
• 功能建议：社区欢迎用户提出功能改进建议

学习资源

如果你对项目实现感兴趣，可以深入学习：

1. 源码结构：研究src/core/目录下的核心模块
2. 页面恢复逻辑：查看src/page/目录中的页面实现
3. 用户界面组件：了解src/core/ui/中的UI组件设计

参与贡献

项目欢迎开发者参与贡献：

• 代码贡献：修复Bug或添加新功能
• 文档完善：帮助完善使用文档
• 问题反馈：报告使用中遇到的问题

📝 写在最后

Bilibili-Old不仅仅是一个界面恢复工具，更是对B站经典体验的一种守护。在这个界面不断变化、功能日益复杂的时代，能够保留一份简洁和纯粹，对许多用户来说意义重大。

无论你是B站的老用户，怀念那个简洁明了的界面，还是新用户想要体验不同的B站风格，Bilibili-Old都能为你提供完美的解决方案。现在就尝试安装，重新发现B站的经典之美吧！

温馨提示：使用过程中如果遇到任何问题，建议先查看项目的README文档，或者在项目页面寻求帮助。让我们一起守护这份经典的B站体验！

【免费下载链接】Bilibili-Old恢复旧版Bilibili页面，为了那些念旧的人。项目地址: https://gitcode.com/gh_mirrors/bi/Bilibili-Old