About

关于橙子影院

一个不依赖后端、不引入任何前端框架的国产动画资料站。我们希望证明:纯静态页面也可以做出完整的追番体验,同时把首屏性能与隐私留在用户这一侧。

站点定位

橙子影院(chengziyingyuan.xyz)收录以《西游记》为母题的六部国产动画,为每一部作品整理剧情简介、逐话标题、播出时间、制作阵容与四项分解评分。站点不做视频托管,也不提供任何影视资源下载,定位是「资料整理 + 追番体验」。

之所以选择这个题材,是因为《西游记》既是最普及的中国神话,也是最容易被改编成其他类型的母题:它可以是一部水利工程片,可以是一段公路旅行,也可以是一场断网条件下的长距离迁移。把这些改编放在一起对照,能看到国产动画在叙事上的更多可能。

功能一览

  • 番剧库:按题材、年份、连载状态筛选,按评分、追番人数与上线时间排序。
  • 新番表:按星期整理播出时间与更新进度,附上季口碑回顾。
  • 排行榜:综合热度、站内评分与追番人数三榜,以及四项分解评分对比。
  • 详情页:剧情简介、看点解析、角色与声优、逐话剧集列表与线路状态。
  • 播放页:线路切换、倍速、跳片头片尾、自动连播、进度记忆与键盘快捷键。
  • 站内搜索:本地索引即时匹配,不产生额外请求。

技术实现

全站为静态 HTML:样式集中在单一的 CSS 文件中,通过设计令牌与明暗双主题实现视觉体系;交互集中在两个原生 JavaScript 文件里,不使用 Vue、React 或任何构建期框架。追番清单、观看进度与主题偏好保存在浏览器 localStorage,键名分别为 cy:subs、cy:prog、cy:theme 与 cy:auto。

为搜索引擎做了通用优化:语义化结构、独立标题与描述、canonical 与 hreflang、Open Graph、结构化数据(WebSite、Organization、TVSeries、VideoObject、BreadcrumbList、FAQPage)、RSS 订阅源与包含图片信息的站点地图。针对百度额外做了移动适配声明与禁止转码处理,针对 360 与搜狗声明了 webkit 内核渲染。

站点名称
橙子影院
站点域名
chengziyingyuan.xyz
收录作品
6 部
可播放剧集
53 话
技术栈
静态 HTML + CSS + 原生 JS
数据存储
浏览器 localStorage
最后更新
2026-11-02
联系邮箱
hello@chengziyingyuan.xyz