番剧页面
约 653 字大约 2 分钟
2025-09-01
番剧页面修改教程(本地数据源)
Mizuka 主题提供了内置的番剧页面,您可以轻松地自定义显示的番剧列表。
番剧页面结构
番剧页面位于 src/data/anime.ts
文件中。页面的核心是一个番剧数据数组:
const localAnimeList: AnimeItem[] = [
{
title: "莉可丽丝",
status: "completed",
rating: 9.8,
cover: "assets/anime/lkls.webp",
description: "少女枪战,瑕不掩瑜",
episodes: "12 episodes",
year: "2022",
genre: ["动作", "日常"],
studio: "A-1 Pictures",
link: "https://www.bilibili.com/bangumi/media/md28338623",
progress: 12,
totalEpisodes: 12,
startDate: "2022-07",
endDate: "2022-09",
},
// 更多番剧...
];
修改番剧列表
要添加、删除或修改番剧信息,请直接编辑 AnimeItem
数组:
- 添加番剧:复制现有番剧对象并修改其属性
- 修改番剧信息:直接修改现有番剧对象的属性值
- 删除番剧:从数组中移除对应的番剧对象
番剧属性说明
每个番剧对象包含以下属性:
title
:番剧标题 - 动漫的正式名称或译名status
:观看状态("watching" 或 "completed") - 当前的观看进度状态rating
:评分(0-10) - 个人对该番剧的评分cover
:封面图片路径(相对于 public 目录) - 番剧封面图片的存储路径description
:番剧描述 - 对番剧的简短评价或剧情概要episodes
:集数信息 - 番剧的总集数描述year
:播放年份 - 番剧首次播出的年份genre
:类型标签 - 番剧的分类标签数组,如["动作", "日常"]studio
:制作公司 - 负责制作该番剧的动画工作室link
:番剧链接(可指向 Bilibili 或其他平台) - 观看或了解更多信息的链接progress
:观看进度 - 当前已观看的集数totalEpisodes
:总集数 - 番剧的完整集数startDate
:开始播出日期 - 番剧开始播出的时间(格式:YYYY-MM)endDate
:结束播出日期 - 番剧播出结束的时间(格式:YYYY-MM)
番剧图片
要为番剧添加封面图片:
- 将图片文件放置在
public/assets/anime/
目录下 - 在番剧对象的
cover
属性中指定图片文件名
确保图片格式为 WebP 以获得最佳性能。
开启Bangumi模式
番剧页面修改教程(Bangumi数据源)
开关位于 src/config.ts
文件中。
bangumi: {
userId: "your-bangumi-id", // 在此处设置你的Bangumi用户ID,可以设置为 "sai" 测试
},
anime: {
mode: "bangumi", // 番剧页面模式:"bangumi" 使用Bangumi API,"local" 使用本地配置
},
- 把括号中的 "your-bangumi-id" 替换为Bangumi用户ID。
- mode配置为"bangumi",这样就能从Bangumi API获取番剧数据。