光影记事

更新日志

这个网站的每一次改动都记在这里,新的在上面。

2026-10-04

  • 新增开屏动画:徽标浮现、标题逐字出现、扫描光掠过、琥珀色进度条。全部用 CSS 实现(约 2 KB);一个浏览器会话只放一次,点一下可跳过,系统开启「减少動效」时不显示。
  • 开屏增加副标题「希凡Modest」,字号小一档、字距拉开,在主标题出齐之后浮现。
  • 新增开屏到主界面的转场:幕布向上拉起,同时开屏内容向观众推近;主页内容从下方升入。首屏入场动画改为「幕布升起后才开始播」,不再在幕后白白播完。
  • 修复三处会触发布局重排的动画:开屏进度条、灯箱底部进度条(width 改成 scaleX),以及开屏退场改为整块位移。
  • 帧率优化:去掉顶栏毛玻璃(sticky 元素每帧重做高斯模糊)、去掉 text-rendering、滚动出现动画提前 500px 触发(动画在视野外播完)、图片出现后摘掉模糊占位底图、手机端每批从 120 张降到 72 张。
  • 页面切换无缝化:内联深色底消除加载白闪、整页柔和淡入、预取其它页面、Chromium 悬停预渲染、月份切换淡出收短到 90ms。
  • 加入苹果风格动效系统:统一缓动曲线(ease-out-quint + 轻微回弹)、按钮与照片的按压反馈、首屏视差(阻尼跟随)、灯箱弹入、说明条滑入、导航下划线生长。
  • 手机端首屏改为文字压在图片正中,图片放大 1.1 倍、透明度 90%,并用 16:10 比例避免裁切照片。
  • 月份按钮重新排版:手机上省略年份(「2026年9月 299」→「9月 299」)、改为一行横向滑动、选中项换成会滑动的白色药丸。
  • 顶栏加入白色版徽标;标语由「用照片记录走过的路」改为「用摄影记录走过的路」。
  • 关于页新增「原图网盘」入口(夸克网盘)。
  • 网站图标换成白色签名版(浏览器标签图标 + iOS 主屏图标)。
  • 修复四个一键脚本的行尾符(LF → CRLF):此前会导致批处理 goto 跳错分支,上传成功后偶发误报。

2026-10-03

  • 网站上线,绑定自定义域名 xifan0823.online(Cloudflare Worker,HTTPS 正常)。
  • 1715 张照片入库:14 张精选 + 1701 张归档,覆盖 2026 年 1 月至 9 月共 8 个月份。
  • 照片自动生成两种尺寸的 WebP(缩略图 480px / 大图 1600px),文件名带内容哈希,可长期缓存;原图不做修改也不上传。
  • 页面:首页精选、全部作品(按月份筛选)、关于、404。
  • 关于页填写联系方式:姓名 希凡、B站、QQ(不直接显示网址)。
  • 四个一键脚本:更新照片.cmd、生成发布包.cmd、预览网站.cmd、上传到Cloudflare.cmd。
  • 部署排障:修复 npm 安装脚本失败、npx 缓存损坏、系统执行策略拦截 .ps1、以及 workers.dev 无法访问等问题,最终改用 API 令牌方式上传。