Skip to content

Latest commit

 

History

History
64 lines (44 loc) · 2.93 KB

File metadata and controls

64 lines (44 loc) · 2.93 KB

花谱观察站

面向中文读者的花谱(花譜 / KAF)非官方资料站。项目整理人物简介、2018 年以来的活动轨迹、代表专辑、视觉作品和官方平台入口;资料与图片来源集中列在页面底部。

访问花谱观察站

页面内容

  • 人物介绍:花谱的基本资料、所属团队和主要活动形式。
  • 成长轨迹:按年份整理重要作品、演出和活动节点。
  • 代表作品:收录《観測α》《魔法α》《狂想β》《寓話》《深愛》等原创专辑。
  • 视觉档案:浏览站内收录的插画与演出视觉,并支持放大查看。
  • 官方入口:汇总官方网站、哔哩哔哩、YouTube 等官方账号。

技术实现

  • React 19、TypeScript、Vite
  • Motion 与 Scrollama
  • Yet Another React Lightbox
  • Noto Sans SC、Noto Serif SC 自托管字体
  • Vitest、Testing Library、Playwright

页面支持桌面端和移动端。系统开启“减少动态效果”后,成长轨迹会改为普通列表,内容不会缺失。

本地开发

项目使用 mise 固定 Node.js 和 pnpm 版本。安装好 mise 后,在仓库目录运行:

mise run install
mise run dev

常用命令:

命令 用途
mise run dev 启动本地开发服务器
mise run build 类型检查并生成生产构建
mise run test 运行 Vitest 测试
mise run check 运行格式、Lint、测试和构建检查
mise run e2e-install 安装 Playwright Chromium
mise run e2e 运行浏览器端回归测试

使用 mise tasks ls 可以查看全部任务。

目录结构

路径 内容
src/content/kaf.ts 人物、时间线、专辑和官方链接数据
src/pages/HomePage/ 首页组件与各内容区块
src/assets/kaf/ 图片素材、响应式派生文件和来源记录
tests/ 单元测试、组件测试和 Playwright 回归测试

内容与素材

人物和作品资料集中维护在 src/content/kaf.ts。新增或替换图片时,需要同步记录来源、署名和使用条件,详见 素材来源与使用说明

版权说明

本项目是非官方、非商业粉丝站,与花谱及 KAMITSUBAKI STUDIO 无隶属关系。花谱、KAMITSUBAKI STUDIO、作品名称、图片及其他相关素材的权利归各自权利人所有。项目所用字体和第三方依赖遵循各自许可证。

如权利人希望调整或移除相关内容,请通过仓库的 Issue 联系。