English | 简体中文

这是一个基于 Vue 3 + Vite 开发的项目，用于展示《明日方舟：终末地》的系统运行时间。该项目采用了受游戏风格启发的 UI 设计，实时追踪自 2026年1月22日 11:00:00 开服以来的运行时长。

• 正计时：实时显示游戏开服已运行的时间（天、时、分、秒）。
• 风格化 UI：深度还原游戏视觉风格，包含动态呼吸灯效、工业风排版及专用字体（Rajdhani, Share Tech Mono）。
• 响应式设计：完美适配桌面端与移动端屏幕。
• 本地化字体：集成 Noto Sans SC 与 Rajdhani 字体文件，无需依赖外部 CDN，提升加载速度与稳定性。

• src/components/EndfieldCountdown.vue: 核心组件，包含计时逻辑与 UI 实现。
• src/App.vue: 应用根组件。
• .cnb.yml: EdgeOne Pages 自动化部署配置文件。

• Node.js (建议 v18+)
• npm 或 yarn

1. 克隆仓库：

   git clone https://cnb.cool/JeffreyMing/endfield.git
   cd zmd
   

2. 安装依赖：

   npm install
   

启动开发服务器：

npm run dev

构建生产版本：

npm run build

预览生产构建：

npm run preview

本项目已配置 Tencent EdgeOne Pages 自动化部署流程。

• 配置: .cnb.yml
• 平台: 使用 EdgeOne CLI 配合 CNB (Cloud Native Build) 插件。
• 流程: 代码推送至 main 分支后，自动执行构建并将 dist 产物部署至 EdgeOne Pages。

• 核心功能变更: 响应游戏正式开服，将“倒计时”逻辑调整为“正计时”，记录系统运行时间。
• CI/CD:
  • 新增 .cnb.yml 配置，支持 EdgeOne Pages 自动化部署。
  • 修复构建流程，确保 package.json 正确复制到输出目录以满足 EdgeOne 部署要求。
• UI/UX:
  • 网页标题更新为 "Arknights: Endfield"。
  • 优化移动端适配，调整标题字号与间距。

• 初始化: 完成基础倒计时功能。
• 视觉设计: 实现“终末地”风格 UI，集成 Google Fonts (后续改为本地 @fontsource)。
• 版权合规: 添加官网链接及版权声明。

• Vue 3
• Vite
• EdgeOne Pages

本项目基于 MIT 许可证开源 - 详情请参阅 LICENSE 文件。

代码版权: © 2026 JeffreyMing.

游戏资产版权: 《明日方舟：终末地》及其 Logo、角色、图片和设计元素均为 上海鹰角网络科技有限公司 (Hypergryph) 及 GRYPHLINE 的知识产权。

本项目仅为非营利的粉丝作品，用于学习和娱乐目的。本项目与鹰角网络或 GRYPHLINE 无关，也未获得其认可、赞助或特别批准。