Skip to content

哔哩哔哩追番页面

哔哩哔哩追番页面用于展示你的 Bilibili 追番与追剧记录,从 Bilibili 用户主页获取数据。

启用页面

src/config/siteConfig.ts 中启用哔哩哔哩追番页面:

ts
pages: {
  bilibili: true,
},

TIP

除了配置文件里的 pages.bilibili 开关,也可以在部署平台设置环境变量 PUBLIC_PAGES_BILIBILI=true 开启、=false 关闭该页面,无需修改配置文件。

配置

src/config/siteConfig.ts 中配置 Bilibili:

ts
bilibili: {
  // 你的 Bilibili 用户 UID
  uid: "your_bilibili_uid",
},

TIP

Bilibili UID 可以在你的 Bilibili 个人主页 URL 中找到,例如 https://space.bilibili.com/38932988 对应的 UID 是 38932988

页面功能

  • 搜索:支持按标题搜索番剧
  • 筛选:按类型筛选(全部 / TV / 剧场版 / 纪录片 / 国创 / 电视剧 / 演唱会)
  • 排序:支持按评分、日期排序(升序/降序)
  • 分页:自动分页显示
  • 详情弹窗:点击卡片查看番剧详情,可跳转 Bilibili 观看
  • LQIP:图片加载时显示模糊占位图

配置参考

属性类型说明
bilibili.uidstringBilibili 用户 UID
pages.bilibiliboolean是否启用哔哩哔哩追番页面