Skip to content

yixiaojiu/bilibili-bangumi-component

Repository files navigation

bilibili-bangumi-component

使用 WebComponent 实现的追番列表组件,支持 Bilibili 与 Bangumi (目前支持动画、游戏与书籍)

参考 hexo-bilibili-bangumiBilibili-Bangumi-JSRoozen的小破站

特性

  • 💡 使用 WebComponent 实现,可用于任何前端应用
  • 🖼️ 支持 Bilibili 与 Bangumi
  • 🎨 支持主题设置
  • 🔌 支持自定义数据
  • 💪 适配移动端

展示

展示地址 note.yixiaojiu.top/docs/record/bangumi

screenshot-pc

screenshot-mobile

文档

这里有视频教程 ⸜( •ᴗ• )⸝ https://www.bilibili.com/video/BV1ht421W74u

第三方集成

How to development

项目采用 monorepo,使用 pnpm 管理依赖,并在 package.json 指定了版本,版本对不上可能无法安装,可以把 package.json 里的限制删了

pnpm i

server

server 用的是 vercel 的服务,在本地开发时要关联 vercel 上的一个 project

pnpm run build:api

# 登陆并关联 vercel
pnpm run dev:vercel

仓库在 ./packages/api

感觉比较麻烦可以直接改前端页面所用到的后端服务 https://yi_xiao_jiu-bangumi.web.val.run,文件位置在 packages/bilibili-bangumi-component/src/index.html:60

client

pnpm run dev:lib

仓库在 ./packages/bilibili-bangumi-component