BiliHistoryFrontend 项目安装与配置指南

BiliHistoryFrontend 项目安装与配置指南

BiliHistoryFrontend 获取b站历史记录，保存到本地数据库，可下载对应视频及时存档，生成详细的年度总结，自动化任务部署到服务器实现自动同步，以及自动发送日志邮件，下面链接是对应后端 项目地址: https://gitcode.com/gh_mirrors/bi/BiliHistoryFrontend

1. 项目基础介绍

BiliHistoryFrontend 是一个开源的 B 站历史记录分析工具的前端项目。它为用户提供丰富的 B 站观看历史数据分析功能，如批量下载视频、一键下载用户投稿视频、收藏夹所有视频以及生成详细的年度总结等。该项目基于 Vue 3 开发，可以配合 BilibiliHistoryFetcher 后端项目一起使用。

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

• 编程语言: 使用 JavaScript 作为主要的编程语言，结合 Vue 3 进行前端开发。
• 框架和库: 使用 Vue 3 进行框架搭建，Tailwind CSS 进行样式设计，以及其他如 Tauri 的桌面应用框架。
• 技术栈: 包括 HTML5、CSS3、Docker、Node.js、npm 等技术。

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

准备工作

在开始安装之前，请确保您的系统中已经安装以下环境和工具：

• Docker（如果需要使用 Docker 安装）
• Node.js
• npm
• Rust（如果需要构建桌面应用）

安装步骤

使用 Docker 安装

1. 首先，确保您的系统中已经安装了 Docker。
2. 克隆项目仓库：

   git clone https://github.com/2977094657/BiliHistoryFrontend.git
   

3. 进入项目目录：

   cd BiliHistoryFrontend
   

4. 构建镜像：

   docker build -t bili-history-fetcher-web:dev .
   

5. 启动容器：

   docker run --name bili-history-fetcher-web -p 5173:80 -d bili-history-fetcher-web:dev
   

6. 访问页面： 在浏览器中输入 http://localhost:5173，即可访问项目页面。

使用源码安装

1. 克隆项目仓库：

   git clone https://github.com/2977094657/BiliHistoryFrontend.git
   

2. 进入项目目录：

   cd BiliHistoryFrontend
   

3. 安装依赖：

   npm install
   

4. 启动开发服务器：

   npm run dev
   

   这将启动一个开发服务器，并在默认浏览器中自动打开应用窗口。

5. 构建应用： 当开发完成，准备发布时，执行以下命令构建应用：

   npm run build
   

以上步骤将帮助您成功安装和配置 BiliHistoryFrontend 项目。如果您在安装过程中遇到任何问题，可以查看项目的 README 文件或者提交 Issue 以获得帮助。

BiliHistoryFrontend 获取b站历史记录，保存到本地数据库，可下载对应视频及时存档，生成详细的年度总结，自动化任务部署到服务器实现自动同步，以及自动发送日志邮件，下面链接是对应后端 项目地址: https://gitcode.com/gh_mirrors/bi/BiliHistoryFrontend