#开源 #追番
一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面

#开源 #追番 一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面

Property
Oct 14, 2022 08:19 PM
地址
https://github.com/GeeKaven/BangumiTV
notion image

notion image

BangumiTV

notion image
notion image
notion image
notion image
一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面

起源

Demo

安装

后端安装

方案一:Vercel

  1. Fork 本项目
  1. 在本项目 Settings -> Secrets -> Actions 中点击 New repository secretNameBANGUMI_USERValue你的 bgm.tv 的用户名,之后点击 Add secret 按钮
  1. 前往 Vercel 官网注册或登录。 在 Vercel Dashboard 中点击 New Project,授权 GitHub,选择账户下 Fork 出来的本项目,点击 Deploy 完成部署。
  1. 记录下 Vercel 分配的 Production 域名 ( 如 bangumi-tv.vercel.app )
notion image
Github Action 会每两小时读取用户收藏状况生成数据,如需要可在。github/workflows/buildSubject.yml 中修改 cron

方案二:自建服务器

  1. Clone 本项目
  1. 安装 Node 环境
  1. 运行 npm installpnpm install 安装依赖
  1. 设置环境变量
echo "BANGUMI_USER={你的 bgm.tv 用户名}" >> .env
  1. 生成追番数据 npm run buildSubject 或者 pnpm buildSubject
  1. 启动服务 npm run start 或者 pnpm start
  1. 服务运行在 localhost:3000 上,服务器域名,SSL 等自行设置

前端安装

在需要添加追番列表的页面中直接引入 CSS 。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bangumi-tv@latest/dist/bangumi.css">
<script>
 const bgmConfig = {
 apiUrl: "https://bangumi-tv.vercel.app", // 替换成自己的后端域名
 quote: "生命不止,追番不息!"
 }
</script>
</body> 之前引入 JS
<script src="https://cdn.jsdelivr.net/npm/bangumi-tv@latest/dist/bangumi.js"></script>
引入完成后在需要添加番剧进度的地方添加容器
<div class="bgm-container">
</div>

感谢

notion image