NOISE | 知识效率集 NOISE | 知识效率集 /开源项目推荐开源项目推荐/
#开源 #追番 一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面 #开源 #追番 一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面
Search
#开源 #追番 一个基于 Vercel Severless Function 的 Bangumi.tv 追番进度展示页面

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

Property
Oct 14, 2022 12:19 PM
Status
Date
URL
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 secret，Name 填 BANGUMI_USER，Value 填 你的 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 install 或 pnpm 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