Skip to content

v0.2.1 · 全站电影灯光与首屏作品提亮

Choose a tag to compare

@Uronika Uronika released this 20 Jun 14:36

发布信息

  • 日期时间(Asia/Hong_Kong):2026-06-20 22:35
  • 改动前备份标签:backup/20260620-222255-before-global-lighting
  • 目标提交:c11c587212111c83015b6d5c9912e86ccde096e8
  • 涉及文件:package.json、src/pages/index.astro、src/styles/global.css、tests/e2e/site.spec.ts

改动梗概

  • 将版本提升至 0.2.1。
  • 将全站环境光升级为固定双灯:右上暖橙主灯具有清晰亮心和柔和扇形光束,左下珊瑚辅灯照亮长页面暗部。
  • 放大环境光覆盖范围、将亮心移入可视区域,并将模糊半径从 110px 收紧至 54px;手机端使用 60% 不透明度和 60px 模糊。
  • 提高全站基础橙红背景余光,使首页、作品库、简历、联系、404 和作品详情保持一致的强电影灯光。
  • 为全局玻璃面板加入轻微暖色渐变、顶部内高光和低透明外辉光,不改变面板主体透明度。
  • 将首页层级修正为“黑幕 → 聚光 → 作品拼贴 → 标题文字”,作品不再沉入黑幕,同时始终位于文字下方。
  • 将首屏作品默认图片调整至 brightness(0.88) saturate(0.92),悬停恢复至 brightness(0.98) saturate(1)。
  • 将首页后四段局部余光强度提高约 60%,手机端继续按桌面约六成呈现。
  • 扩充 Playwright 覆盖,验证全站双灯、玻璃反光、首屏层级、作品亮度、手机光强和打印样式清理。

验证结果

  • pnpm check:34 个文件,0 errors、0 warnings、0 hints。
  • pnpm build:12 个静态页面、站点地图与 resume.pdf 生成成功。
  • 本地 Playwright E2E:35 passed,5 skipped(按设备适用范围跳过)。
  • 1440×900 视觉复核:首页、作品库、简历、联系和作品详情均具有统一双灯与稳定文字对比。
  • 390×844 视觉复核:首页和作品库保持自然布局,灯光约为桌面六成。
  • 七个视觉样本均返回 200,无横向溢出或控制台错误;打印简历不包含环境光和玻璃反光。
  • GitHub Actions:静态检查、构建、PDF、E2E、Pages 产物上传和部署全部通过。
  • 部署记录:https://github.com/Uronika/Uronika.github.io/actions/runs/27874147894

残留风险与待办

  • 不同显示器的色域、HDR、亮度和浏览器色彩管理可能导致橙红灯光强度略有差异。
  • GitHub 官方 Actions 仍报告目标 Node.js 20 运行时弃用提示;当前 runner 已强制使用 Node.js 24,不影响构建或部署,后续应随官方 Action 版本升级。
  • 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前需要继续补齐。