Repository navigation
Releases
v3.0.0 — Industrial Archive redesign
Overview
Full redesign from Swiss Modernism (v2) to Industrial Brutalist Archive style. A4 portrait layout, newspaper-level density, zero JavaScript, zero animation.
Date
2026-07-16 01:31 HKT
Pre-change Backup
backup/20260712-redesign-v2-before-v3
Target Commit
91a51fe (redesign-v2)
Files Changed (14)
css/style.css — Rewrite — 13KB industrial archive design system
index.html — Rewrite — A4 archive homepage
resume.html — Rewrite — A4 career record card
contact.html — Rewrite — A4 contact record card
works/index.html — Rewrite — A4 work archive index
works/news-market-association-rag.html — Rewrite — A4 card, RAG content preserved
works/development-02.html — Rewrite — Placeholder template
works/game-01.html — Rewrite — Placeholder template
works/game-02.html — Rewrite — Placeholder template
works/image-01.html — Rewrite — Placeholder template
works/video-01.html — Rewrite — Placeholder template
favicon.svg — Rewrite — Archive black-border + yellow tab
js/main.js — Delete — Zero animation, no JS needed
README.md — Update — Tech stack & design overview to v3
Design Changes
- Style: Swiss Modernism to Industrial Brutalist
- Layout: 6-column grid to A4 portrait containers (680px, 1:1.414)
- Homepage: Asymmetric split to resume-style archive card
- Navigation: Fixed top bar + crossfade to no header, in-page archive anchors, hard cuts
- Colors: #F7F3ED to #EBE7E0 bg + #FAFAF8 paper + #111111 ink
- Accent: #C75146 (placeholder) to #E6FF00 acid yellow (detail use only)
- Fonts: Jost + Noto Sans SC to Zilla Slab (titles) + Inter (body) + Noto Sans SC
- Density: Normal to Newspaper (11px baseline, 1.3 line-height)
- Lines: None to Heavy 2-4px solid black lines
- Animation: Motion One crossfade to Zero animation, JS removed
- Icon: Letter U to Archive black-border label
Verification
- UTF-8 full validation passed (10 HTML + 1 CSS)
- Zero missing < in closing tags
- Zero stray <<
- Zero Motion One / main.js residuals
- Internal link consistency cross-check passed
- Total project size: 46KB (10 HTML + 1 CSS)
Remaining
- Personal info still placeholder
- 5/6 works still placeholder
- Real resume, contact info pending
- Work screenshots pending
v2.0.1 — Font display fixes
日期:2026-07-12 09:45 HKT
备份标签:backup/20260712-082944-before-font-fix
目标提交:29e4cc6
改动
修复(两轮)
第一轮 — 字体显示(e75054a)
css/style.css:类选择器不匹配、CJK 回退链、letter-spacing、font-synthesis、tag-badge 类works/news-market-association-rag.html:内联样式替换
第二轮 — UTF-8 编码损毁(29e4cc6)
- 全部 10 个 HTML 文件共 160+ 处 UTF-8 编码损毁:3 字节序列的第三字节被
0x3F替换 - 受影响字符:标点(——、。、,、→)与中文字符(历、案、品、充、目、库、动、口、景、也、行、策、索、用、排、析、示、与、的、释、谱、价、分、性、展、在、解)
- 通过字节级修复脚本,覆盖 30 种损毁模式,全部修复
- 经 Python UTF-8 校验,10 个文件零损毁序列
新增文档
notes/lessons-learned.md:踩坑记录(字体 + 编码两次问题复盘)
验证
- CSS/HTML 字节级校验通过
git diff审查:每处改动均为损毁字节 → 正确字节的 1:1 替换- Python
decode('utf-8')全量通过
仍存在的风险与待办
- 无自动化视觉回归测试
- 强调色
#C75146仍为占位 - 个人信息与 5 个作品条目仍为占位
- 编码损毁根因未确定:怀疑初始创建时
write_file在 Windows 环境下产生;建议后续新建文件后用脚本校验 UTF-8 有效性
v0.3.1 · RAG 技术拆解与演进路线
发布信息
- 时间(Asia/Hong_Kong):
2026-06-23 00:29:08 - 改动前备份标签:
backup/20260623-001406-before-rag-technical-case-study - 目标提交:
7a8a37a9d00ec5dd73f3246da583e6fd3d503645
改动概要
- 将远端技术文档编辑为适合个人作品专页的案例研究内容,新增架构与数据流、关键工程取舍、已知局限、演进路线和当前判断。
- 将原文八类局限和六条扩展方向压缩为可扫描的四组问题与四阶段路线,保留教学型原型而非成熟投研平台的诚实定位。
- 在专页末尾加入完整技术拆解文档链接。
- 为作品详情正文补充列表、强调、行内代码和链接的局部排版,不影响全站其他组件。
- 扩充桌面与移动 Playwright 断言,版本升级至 0.3.1。
涉及文件
package.jsonsrc/content/works/news-market-association-rag.mdsrc/pages/works/[slug].astrotests/e2e/site.spec.ts
验证
pnpm check:0 errors、0 warnings、0 hints。pnpm build:12 个静态页面与dist/resume.pdf生成成功。pnpm test:e2e:39 passed、5 skipped(设备条件预期跳过)。- 修改测试名称后定向复测:桌面与移动 2 passed。
- 1440×900 与 390×844 视觉检查通过:6 个章节、16 个列表项及原文链接正常,无横向溢出、控制台错误或错误浮层。
- GitHub Actions 构建、完整 E2E 和 Pages 部署成功。
- 线上专页返回 HTTP 200,并包含新增架构、局限、路线和技术文档链接。
残留风险
- 本地构建期间 GitHub API 临时失败,作品仓库元数据继续由已验证的回退快照提供;不影响本次正文更新。
- GitHub Actions 提示部分官方 Actions 仍声明 Node.js 20、当前由运行器强制使用 Node.js 24;本次流程不受影响。
- 未新增持久运行日志;正文提及的结构化日志属于目标项目未来演进建议。
v0.3.0 · 新闻舆情与行情异动 RAG 作品上线
发布信息
- 时间(Asia/Hong_Kong):
2026-06-21 22:31:02 - 改动前备份标签:
backup/20260621-221644-before-news-market-rag - 目标提交:
843064749adddfc232001088b2b4541f56c99f47
改动概要
- 用真实项目“新闻舆情与行情异动 RAG”替换首个开发占位,保持首页六个精选作品,并将项目放入首屏第一张拼贴。
- 新增原创 1600×1000 WebP 概念封面,展示新闻证据、行情窗口、图谱增强和风险守卫。
- 新增项目详情、图片说明、GitHub 仓库链接及 Python / Stars / Forks 离线回退元数据。
- 修正首页、作品库和 README 中“全部作品均为占位”的过期说明,版本升级至 0.3.0。
- 扩充 Playwright,覆盖推荐数量、首屏排序、新详情路由、封面说明、仓库链接和图库回归。
涉及文件或目录
README.mdpackage.jsonpublic/images/works/src/content.config.tssrc/content/works/src/data/src/pages/index.astrosrc/pages/works/tests/e2e/site.spec.ts
验证
pnpm check:0 errors、0 warnings、0 hints。pnpm build:12 个静态页面与dist/resume.pdf生成成功。pnpm test:e2e:39 passed、5 skipped(设备条件预期跳过)。- 桌面 1440×900 与移动 390×844 视觉检查通过,无横向溢出、控制台错误或错误浮层。
- GitHub Actions 构建、完整 E2E 和 Pages 部署成功。
- 线上首页、详情页和 WebP 资源均返回 HTTP 200,并包含新项目标题、封面和仓库链接。
残留风险
- 本地构建期间 GitHub API 临时失败,已验证回退快照可正确展示 Python、Stars 与 Forks;后续在线构建会继续尝试刷新。
- GitHub Actions 提示部分官方 Actions 仍声明 Node.js 20、当前由运行器强制使用 Node.js 24;本次流程不受影响,后续应随官方 Actions 版本升级处理。
- 未新增持久运行日志。
v0.2.2 · 主屏重心与能力卡统一排版
发布信息
- 日期时间(Asia/Hong_Kong):2026-06-21 20:32
- 改动前备份标签:
backup/20260621-202106-before-hero-balance-capability-cards - 目标提交:
1dda8acbf936ece209e84337da9176c3a97851a8 - 涉及文件:
package.json、src/components/SkillGroups.astro、src/data/site.ts、src/pages/index.astro、src/styles/global.css、tests/e2e/site.spec.ts
改动梗概
- 将版本提升至
0.2.2。 - 桌面主屏标题最大字号由约 93px 提升至约 112px,文字容器扩展至约 740px。
- 将整个主屏文字组安全左移最多 64px,并根据视口与内容框外边距自动收回,始终保留至少 20px 视口安全边距。
- 低高度桌面继续使用紧凑字号;980px 以下明确取消左移并保持原有手机标题尺寸。
- 将共享能力名称“软件开发”全站统一改为“编程开发”,首页与简历同步生效。
- 重构能力卡为“编号 → 标题 → 小字说明 → 底部 tag 与证据链接”。
- 移除把标题推向卡片中部的自动空白,编号、标题与说明统一左上对齐。
- 新增能力卡底部容器,桌面三卡等高并让 tag 与“查看能力证据”链接稳定齐底;手机单列保持自然高度。
- 扩充 Playwright 覆盖,验证主屏标题字号、文字左缘、移动端不偏移、能力卡结构顺序、标题顶线、内边距、底部链接基线和全站名称一致性。
验证结果
pnpm check:34 个文件,0 errors、0 warnings、0 hints。pnpm build:12 个静态页面、站点地图与resume.pdf生成成功。- 本地 Playwright E2E:37 passed,5 skipped(按设备适用范围跳过)。
- 1440×900 视觉复核:主屏标题约 112px、文字左缘约 56px;三张能力卡标题与底部链接齐线。
- 390×844 视觉复核:主屏字号和位置保持原有范围,能力卡按自然高度单列。
- 四个视觉样本均无横向溢出或控制台错误;WCAG AA 严重问题扫描通过。
- GitHub Actions:静态检查、构建、PDF、E2E、Pages 产物上传和部署全部通过。
- 部署记录:https://github.com/Uronika/Uronika.github.io/actions/runs/27904357671
残留风险与待办
- 主屏标题与作品拼贴的重叠更强;当前占位文案已验证,未来替换为明显更长的真实标题或介绍后需要重新执行视觉验证。
- GitHub 官方 Actions 仍报告目标 Node.js 20 运行时弃用提示;当前 runner 已强制使用 Node.js 24,不影响构建或部署,后续应随官方 Action 版本升级。
- 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前需要继续补齐。
v0.2.1 · 全站电影灯光与首屏作品提亮
发布信息
- 日期时间(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 版本升级。
- 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前需要继续补齐。
v0.2.0 · 首屏墙面灯光与整段翻页
发布信息
- 日期时间(Asia/Hong_Kong):2026-06-20 22:12
- 改动前备份标签:
backup/20260620-215716-before-hero-lighting - 目标提交:
73ca525cd19381f698f4f93d4c1884cbf609759a - 涉及文件:
package.json、src/components/HeroSectionPager.astro、src/pages/index.astro、src/styles/global.css、tests/e2e/site.spec.ts
改动梗概
- 将版本提升至
0.2.0。 - 桌面首屏加入完整视口大小的暖橙墙面聚光和渐变黑幕:左侧接近不透明,向右逐渐透出作品与光线。
- 为首页后四段加入位置交替、强度更弱的橙红余光;手机端只保留减弱灯光,不启用全屏黑幕。
- 桌面首屏标题、说明、按钮和作品拼贴放大约 12%–15%,导航与章节圆点尺寸保持不变。
- 增加低高度桌面紧凑样式,并将放大后的拼贴约束在视口内,避免横向溢出。
- 新增首屏翻页控制器:桌面非减少动态模式下,纵向滚轮累计 48px 后在首屏与能力段之间双向整段滚动;使用 850ms 输入锁和 180ms 空闲重置处理触控板惯性。
- 忽略横向手势、Ctrl + 滚轮、移动端和减少动态模式;首页后续段落继续使用原有柔和吸附。
- 移除首页章节重复的滚动偏移,能力段现在正确停在悬浮导航下方。
- 扩充 Playwright 覆盖,固定验证黑幕尺寸、灯光层、首屏缩放、双向翻页、手机尺寸和无横向溢出。
验证结果
pnpm check:34 个文件,0 errors、0 warnings、0 hints。pnpm build:12 个静态页面、站点地图与resume.pdf生成成功。- 本地 Playwright E2E:31 passed,5 skipped(按设备适用范围跳过)。
- 1440×900 与 390×844 视觉复核:页面返回 200,无横向溢出、无控制台错误;桌面黑幕、聚光和放大构图正确,手机保持自然布局。
- GitHub Actions:静态检查、构建、PDF、E2E、Pages 产物上传和部署全部通过。
- 部署记录:https://github.com/Uronika/Uronika.github.io/actions/runs/27873581275
残留风险与待办
- 单次翻页使用桌面浏览器
wheel事件;已覆盖 Chromium 的滚轮与触控板惯性模型,其他浏览器仍可能存在细微手感差异。 - GitHub 官方 Actions 仍报告目标 Node.js 20 运行时弃用提示;当前 runner 已强制使用 Node.js 24,不影响构建或部署,后续应随官方 Action 版本升级。
- 真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前需要继续补齐。
v0.1.0 · 建立备份与 Release 发布制度
发布信息
- 日期时间(Asia/Hong_Kong):2026-06-20 18:57
- 改动前备份标签:
backup/20260620-185300-before-release-policy - 目标提交:
e392918432ac975be9c80eca316b859f93b6038c - 涉及文件:
README.md
改动梗概
- 建立“改动前备份、验证后发布 Release”的正式维护流程。
- 规定修改前检查工作树并为基线提交创建、推送带说明的备份标签。
- 规定推送后必须等待 GitHub Actions 检查和 Pages 部署成功,失败时不得创建 Release。
- 规定采用语义化版本,并将全部 Git 跟踪文件改动、验证结果和残留风险写入 Release 说明;README 自身也不例外。
- 新增 GitHub Releases 索引,将原 README 改动表保留为制度启用前的只读档案。
- 更正 README 中已经过期的“尚未创建远程仓库、未部署”状态和对应后续计划。
验证结果
git diff --check:通过。pnpm check:33 个文件,0 errors、0 warnings、0 hints。- GitHub Actions:静态检查、生产构建、简历 PDF、Pages 产物上传和部署均通过。
- Playwright E2E:30 passed,4 skipped(按设备适用范围跳过)。
- 部署记录:https://github.com/Uronika/Uronika.github.io/actions/runs/27869005429
残留风险与待办
- GitHub Actions 报告部分官方 Action 仍以 Node.js 20 为目标运行时的弃用提示;当前 runner 已强制使用 Node.js 24,未影响构建和部署,后续应随官方 Action 新版本升级。
- 网站的真实姓名、职位、邮箱、账号和部分作品素材仍为明确占位内容,正式对外展示前仍需补齐并重新执行视觉验证。