2026-09-15 更新记录
本日共 31 项改动。
- 【优化】页面底色整体压暗:页面底色与玻璃面板压深一档,内容卡保持清爽;近白像素由 62.4% 降到 56.2%,长时间看不刺眼
- 【修复】三级文字看不清:小节标题 / 日期 / 编号等 32 处对比度仅 2.49:1,压深到 4.87:1,达到 WCAG AA
- 【优化】粒子背景跟随主题:浅色下改用更淡更少的粒子,不再像一层浮尘;深色保持原样
- 【优化】自检脚本更稳:冒烟测试补上手机端单列断言,并修掉两处会让脚本自己报错的竞态
- 【优化】元素边框加粗:作品卡/帖子、侧栏卡、按钮、标签、导航卡片的边框加深加粗,元素边界一眼可见
- 【修复】作品卡在浅色下没有轮廓:卡片边框原来用白色(深色主题的写法),浅色页面上等于看不见;改为深灰线并把卡面提亮,卡片明显浮起来
- 【优化】手机端布局:画廊改两列(整页高度 1.3 万像素 → 约 4600);顶栏收紧不再拥挤;工牌改为点一下切换明暗并修正提示文案
- 【优化】去掉重复的日期:画廊卡片与侧栏「最近更新」原本把同一日期显示两遍;现在卡片标题用编号(如 Minecraft · 03/05),日期只出现一次
- 【上线】侧栏统计数字滚动:站点统计的数字带计数动画,每次打开或刷新页面都会重新数一遍
- 【上线】左侧栏音乐播放器:播放 / 暂停、上一首下一首、进度条可点击跳转;切页不断播,歌曲待添加
- 【修复】侧栏压在导航栏下:侧栏变高后,滚动回顶部时会有 2 帧压在半透明导航栏下;改为瞬间归位
- 【优化】默认夜间主题:首次打开直接是暗色(不再跟系统走),点过切换按钮后按你的选择记住
- 【上线】大标题描边动画:首页整行大标题「HELLO THIS IS / CLOUDWING」都会先一笔一笔画出来、再从左往右填满,两行依次级联;原有光标跟随与视差不受影响
- 【修复】大标题加载前错位:描边字在测量完成前会先以极小尺寸闪一下,第二行延迟挂载时还会把下方内容顶动;两处都已修好
- 【优化】大标题字号加大:首页大标题由最大 96px 提到 120px(窄屏同步放大),整体更醒目
- 【上线】搜索改成悬浮窗:不再跳转到独立搜索页:点顶栏搜索、侧栏「搜索」或按 Ctrl/⌘+K 弹出浮层搜索,Esc 关闭
- 【修复】首页作品卡片显示错乱:卡片被切掉一角、后排标题压在前排正文上;已重做尺寸与层叠,卡片位置也回到内容列内与其他板块对齐
- 【优化】导航栏与下拉菜单磨砂化:顶栏补上边框与边框内高斯模糊;下拉二级菜单与手机抽屉底色加实,不再透出底下的页面内容
- 【优化】导航栏改为通栏:顶栏从”带圆角的悬浮胶囊”改成整条铺满屏宽,底部一条分隔线;品牌与导航项仍与页面内容列对齐
- 【上线】全站动态背景:加入循环播放的视频背景(静音、自适应铺满);文字对比度已逐项验证,浅深两套主题都清晰可读
- 【修复】背景视频跨页失效:切换页面时视频会被重建、重新起播,看起来像”没生效”;已改为跨页复用同一路视频,切换与刷新都连续播放
- 【优化】旧背景与视频叠加:保留原有的光晕与粒子效果并叠在视频之上,导航栏改为半透明让视频透上来,整站背景统一为同一套
- 【上线】整站视觉重构:暗色电影感 + 玻璃拟态:视频成为画面主角,所有界面元素改为悬浮玻璃片;强调色取自视频的青蓝,导航栏滚动时由透亮转为深色
- 【上线】背景动态可暂停:导航栏新增暂停/播放背景动态的开关,并跟随系统「减少动态效果」设置;加载失败时回落到深色底与静帧
- 【上线】首页改版:从入口目录到内容橱窗:打开首页直接看到最新作品与精选影像,不用再点进去;新增 hero 标题、技术标签与两个入口,原来的编号卡片已移除
- 【优化】导航栏改为悬浮玻璃胶囊:顶部悬浮圆角胶囊、滚动时自动收窄加深、当前页用雾蓝短横线标记;手机端菜单改为顶部下拉的玻璃面板
- 【下线】移除浅色界面与切换按钮:站点统一为暗色电影感;导航栏不再有日/夜切换,工牌也不再是”拉绳切换明暗”
- 【上线】启用新品牌标志:换成”云生翼”新标志(平底云 + 三道羽翼,WING 用雾蓝);导航栏、页脚、404 与浏览器标签图标同步更新
- 【上线】导航栏加入 ReactBits 风格动效:侧边菜单层层滑入、菜单项依次旋转上移入场、下方两条指示线跟随;菜单按钮从加号平滑变成叉号
- 【优化】首页 Hero 标题板块重做:新增顶部标签胶囊、两行主标题逐词模糊渐现、副标题逐字入场;clouds 与 wings 带流动渐变
- 【优化】导航栏改为滚动收缩:未滚动时贴顶通栏、滚动后下沉收成玻璃胶囊;手机端改回汉堡按钮 + 顶部下拉菜单