  wait4xandGLM-5.3
|
363cc616f7
|
feat(motion): 动效层三件——背景辉光/入场/心跳，页脚撤双入口
- 背景鼠标辉光：ink 色 4% 径向渐变跟随（pointer:fine×非
reduced-motion 才有 JS，raf 节流 document 级监听 VT 存活）——
丙灰阶语言的"活背景"，触屏/减动效自动隐藏
- 正文入场 rise-in 12px/0.4s（VT 换页自然重放）+ 列表行悬停
1px 微浮；全量 prefers-reduced-motion 豁免
- 首页"最近心跳"：构建期拉 blog 仓最新 commit（gitea API 8s 超时
静默降级），脉冲点+相对时长——本站自己的脉搏
- 页脚撤「装备/制作」入口（页面保留，用户决策：只删入口）
- E2E 加固：g-chords 修好后 location.href 与 goto 竞态（en 页弦
导航迟到提交打断 goto）——中断重试模式
- 过程教训：str.replace 静默无操作再犯（锚点瞄错组件文件）——
脚本未进产物却报"全落地"，replace 必须 assert 配对 grep 产物
验证: --mx 鼠标双跳 15.6% 实测跟随；E2E 31/31 PASS（竞态重试后
确定性）；构建 34 页 exit 0
Spec: none (动效层+页脚撤口+测试加固，车道级交付)
Co-authored-by: GLM-5.3
|
2026-10-25 22:09:41 +08:00 |
|
|
wait4xandGLM-5.3
|
8fe9455c23
|
perf(fonts): 思源黑/宋切换变字体——CSS 345→106KB 全站提速
- @fontsource-variable/{noto-sans,noto-serif}-sc 替换静态三档：
wght 轴单文件覆盖 400-700（font-face 303→101/family）
- tokens 字体栈前插 Variable 族名（旧静态名留兜底链）
- 全站 Lighthouse：home 64→70 / en 73→82 / terminal 79→84 /
gallery 68→74，FCP 4-6s→2-3.5s（主线程解析减半）
- 已知取舍：mian-sha 字节反增（变体切片 2-4x，55 片 3.4MB）但
FCP 关键路径不受影响（swap）；按页字体 CSS 子集化立为后续包
- E2E 加固：软导航主题切换断言加 VT 竞态重试（今日第二次偶发，
隔离 3/3 过=测试姿势问题非产品缺陷）
验证: node tests/e2e.mjs 31/31 PASS；本地 dist Lighthouse 五页型
对比（lh-var vs lh-local 两轮全量审计）
Spec: none (性能二轮：字体管线单点换包，Lighthouse 前后对照已入档)
Co-authored-by: GLM-5.3
|
2026-10-25 20:31:54 +08:00 |
|
|
wait4xandGLM-5.3
|
2802278be6
|
fix(mobile): 移动端全站横向溢出修复——Header 三档断点与长词断行
- B1（移动审计 blocker）：Header 7 项一行在 390px 溢出 51-88px（主题钮
被推出屏、整页可晃——用户实测报告的"布局存在问题"实锤）→ 430px
断点收紧（字号/边距/间隙/图标钮 32px）+ 370px 末档（en Open Source
长词）
- M1：.prose-tech 补 overflow-wrap:break-word（裸长 URL 曾撑破 88px，
只给了书评轨是漏）
- m1：ProjectWall 标题 i18n（en 页曾硬编码中文）+ locale prop
- m3：列表标题两行钳制（en 长标题截断丢信息）；m4：页脚/pn/书架
触控目标 ≥24px
- 已知边界：320px 超窄屏 en 仍溢 23px（超出现实机型范围，记录不改）
验证: 移动溢出回归 390/360 × 12 页全过（scrollWidth 断言，曾全站
51-118px）；E2E 30/30 PASS；技术文长 URL 页 +88→0
Spec: 2026-10-25_add-blog-5c
Co-authored-by: GLM-5.3
|
2026-10-25 19:46:06 +08:00 |
|
|
wait4xandGLM-5.3
|
19ffcf180b
|
feat(media): 灯箱动作胶囊化与正文三媒样式段（T1/T3）
- 原图/下载：裸链 → 与 lbnav 同语言的胶囊按钮（图标+文字+暗底描边）
- global.css 媒体段：正文 img 圆角限宽、*斜体独立段*图注约定、
video/audio 全宽样式（raw HTML 直书方案，指南随后）
验证: pnpm astro build 21 页 exit 0
Spec: 2026-10-25_add-media-and-polish
Co-authored-by: GLM-5.3
|
2026-10-25 11:45:06 +08:00 |
|
|
wait4xandGLM-5.3
|
7a2880b65d
|
fix(polish): 上线四缺陷修复——明暗委托/灯箱常开/评论站点名/书评宋体
- 明暗切换：document 级委托（软导航换 DOM 后元素级监听全丢）；
E2E 再抓一坑：SVGElement 非 HTMLElement 实例，守卫用 Element 基类
- 图库：#lb 无条件 display:flex 覆盖 UA 隐藏 → 灯箱"永远打开"盖全页；
改 #lb:not([open]) 显式 none；时间戳标题清空；灯箱打磨（切换钮
实底阴影/n/21 计数器/空标题隐藏/原图链接暗底亮蓝）
- 评论：site 'wait4x'→'wait4x.online' 对齐 Artalk 服务端（404 根因）
- 书评字体：文楷→思源宋（@fontsource 预分片）；文楷降级金句 --font-kai
- 数据：21 张照片组修正 street→landscape（迁移器收到内部组 id 的坑）
- 新增 tests/e2e.mjs：Playwright 30 项全功能 E2E
验证: node tests/e2e.mjs 30/30 PASS（含软导航后明暗切换回归项）
Spec: 2026-10-25_fix-site-polish
Co-authored-by: GLM-5.3
|
2026-10-25 10:46:03 +08:00 |
|
|
wait4xandGLM-5.3
|
945a9ee610
|
feat(pages): 五页型落地——首页/文章双模板/图库 masonry/瞬间/关于
- 首页：名片+身份陈述空槽+按年分组分轨列表（情绪色/mono标签）+影像格+项目墙
- 文章 /archives/{slug}（与 Halo 旧 URL 1:1）：reading→衬线纸墨 / tech→
TOC 侧栏(≥1120 sticky)+2px 进度条+Artalk 容器占位
- 图库：grid masonry（构建期 aspect-ratio 零 JS）+原生 dialog lightbox
（←→/Esc+EXIF 底栏）+分组筛选
- 瞬间时间线 / 关于（三轨版图+构建说明）
- sharp ^0.35.5 入依赖（Astro 7 不内置，astro:assets 缩略图管线前提）
- 裸 blockquote 默认吃 A 墨线样式（markdown 原生输出无类名的缝隙）
- 车道 30min 超时，产物完整，主会话补 sharp+断言脚本递归修正后收编
验证: pnpm astro build exit 0（7 页）；五路由产物断言过；
scripts/check-responsive.sh 11/11 ok（1120/820/760/560 全档）
Spec: 2026-10-24_add-blog-skeleton
Co-authored-by: GLM-5.3
|
2026-10-25 00:11:34 +08:00 |
|
|
wait4xandGLM-5.3
|
4cb1c85cc3
|
feat(design): 设计 tokens 与全局样式——丙路线「灰阶骨架×分轨正文」
- tokens.css：四档灰阶/单强调蓝/蓝黑暗色/纸墨面板/情绪色五档/
字体三轨栈/排版三角(书评20-1.75-720 技术19-1.7)/唯一缓动曲线
- global.css：轻量reset/双轨正文(.prose-reading/.prose-tech)/
引文A墨线+D金句62px水印/终端风代码块/::selection半透明/
560px降档18px/动效总闸prefers-reduced-motion
验证: pnpm astro build exit 0；参数与调研报告 §3 一一对应
Spec: 2026-10-24_add-blog-skeleton
Co-authored-by: GLM-5.3
|
2026-10-24 23:07:11 +08:00 |
|