BilibiliSponsorBlock项目安装与配置指南

1. 项目基础介绍

BilibiliSponsorBlock是一个开源项目，旨在为B站用户提供一个浏览器插件，该插件可以自动识别并跳过视频中的广告和赞助内容，提升用户的视频观看体验。该项目基于 SponsorBlock，为B站做了适配和功能增强。项目主要使用TypeScript编写，同时包含了HTML、CSS和JavaScript。

2. 项目使用的关键技术和框架

• TypeScript：一种由微软开发的开源编程语言，它是JavaScript的一个超集，添加了静态类型选项。
• HTML/CSS/JavaScript：网页开发的基础技术，用于构建用户界面和交互功能。
• Chrome Extensions：浏览器插件开发框架，允许开发者创建扩展程序来增强浏览器的功能。
• SponsorBlock：原始的YouTube广告跳过插件，本项目基于其原理和部分代码进行开发。

3. 项目安装和配置的准备工作

在开始安装和配置BilibiliSponsorBlock之前，请确保您的开发环境满足以下要求：

• 操作系统：Windows、macOS或Linux
• 浏览器：支持Chrome、Edge或Firefox
• 开发工具：推荐使用Visual Studio Code或其他支持TypeScript的IDE
• 节点.js和npm：用于安装项目依赖

详细安装步骤

1. 克隆项目

   打开终端（或命令提示符），使用以下命令克隆项目到本地：

   git clone https://github.com/HanYaodong/BilibiliSponsorBlock.git
   cd BilibiliSponsorBlock
   

2. 安装依赖

   在项目根目录下执行以下命令安装项目依赖：

   npm install
   

3. 构建项目

   执行以下命令构建项目：

   npm run build
   

   这将生成编译后的文件，通常位于项目的dist目录中。

4. 加载浏览器插件

   • 对于Chrome或Edge浏览器：

     1. 打开浏览器，进入chrome://extensions/或edge://extensions/。
     2. 启用开发者模式。
     3. 点击“加载已解压的扩展程序”，选择dist目录。

   • 对于Firefox浏览器：

     1. 打开浏览器，进入about:addons。
     2. 启用开发者模式。
     3. 点击“加载临时插件”，选择dist目录下的manifest.json文件。

5. 使用插件

   安装完成后，您可以在浏览B站视频时看到插件的效果了。插件将自动识别并跳过视频中的广告和赞助内容。

以上就是BilibiliSponsorBlock项目的详细安装和配置指南，按照以上步骤操作，您可以顺利地在本地环境搭建并使用这个项目。