日志
本站的更新记录,新的在上面。每次改动都记在这儿 —— 包括踩过的坑。
v2.65
- 页脚与关于页的邮箱统一切到 [email protected]
v2.64
- 撤回重建模型,恢复原作机械环图片与光槽追光
- 拖动限制为小幅倾斜与12度内转动,保留原有外形
v2.63
- 留言页改为可轻拨的金属环,拖动旋转后缓缓归位
- 删除游丝,强调色准确采用色卡黄绿,金属本体恢复银白
v2.62
- 提亮留言页机械环,加入少量青绿光槽与黄绿亮边
- 磁针阵列改为稀疏游丝,随鼠标弯曲并响应空白点击
v2.61
- 相册导航改用半透明淡绿底,保留原背景透出
- 留言页亮色底纹改成淡银灰机械环,移除水波
- 新增跟随鼠标与点击转动的磁针,避开正文和留言输入区
v2.60
- 重做播放器四周的边缘折射,收细轮廓反光
- 降低展开面板底色和模糊强度,让背景更清楚地透出
- 修复先访问相册后进入造物台时金属无限环偶发不显示
v2.59
- 站内切页保留同一播放器,音乐连续播放,返回页面时恢复交互
- 修正播放键缺口,玻璃反光沿边缘分布,调整深色表面文字
- 相册导航选中项恢复绿色,缩放、平移和复位增加平滑动作
- 收紧页脚、相册与关于页控件和播放器之间的间距
v2.58
- 播放条缩短,参照镜片折射重做玻璃质感
- 单册翻页、缩放和复位改为小型圆形控件,放在播放器上方
- 相册导航保留统一排布,恢复透明表面与鼠标显影反馈
v2.57
- 单册照片从原位置放大进入灯箱,关闭归位,切换时照片和图注一起更新
- 文章目录增加随当前章节平滑移动的指示线,保留原生锚点和浏览历史
- 适配手机与减少动态效果,完善连续操作和图片加载失败时的恢复
- 播放器改为全透明反光横条,固定控件错位避让,减少滚动时闪隐
- 散片进入灯箱逐渐转正,收回恢复原倾角,修复姿态突然跳变
- 查看大图时播放器界面隐藏、音乐继续,灯箱按钮适配明暗主题
- 相册统一导航并修复目录点击与切片交接背景,精简造物台工具栏
v2.56
- 左下角加入音乐播放器,接入「博客 南屿北杉」歌单,支持播放暂停、搜索、切歌、进度与音量
- 首次点击才读取歌单,适配手机和明暗主题,音乐与站内视频相互暂停
- 同一标签页记住曲目与进度,切页后可手动继续;音源不可用时可重试或前往原歌单
v2.55
- 云端和本地写作台正文支持 Tab 四空格缩进,多行逐行处理,Shift+Tab 减少缩进
- 缩进保留撤销、选区与保存流程,云端可视化和源码模式同步支持
- 普通段落与标题的行首空格在编辑模式间往返保留,不改变代码语言和原有内容格式
v2.54
- 站主铃铛增加全站留言、文章与说说评论及回复提醒,匿名消息同样接收
- 消息显示来源并可查看更早记录,只标记当前展示的条目,修复列表撑高顶栏的问题
- 保留普通访客的回复提醒与历史已读状态,站主自发消息不提醒自己
v2.53
- 说说页改为留白舒展的透明时间线,保留墨点底纹与背景雨滴,正文保持稳定
- 配图统一为方形缩略图,按数量成组编排,点击后查看完整比例,手机与暗色同步适配
- 修复视频播放、音量与全屏控件悬停时露出系统光标的问题
v2.52
- 两端写作台增加相册编辑,可新建草稿、批量上传、补图注、排序和独立选封面
- 封面支持整套编排及独立动作与笔触配置,真实预览可切换手机、明暗并快速往返
- 相册可选散片、悬浮切片或直接照片墙,首次保存固定推荐,旧册保持原构图
- 本地支持只发布当前相册,云端沿用私密草稿与单独发布任务,未公开素材不进入站点
v2.51
- 相册入口改为翻阅封面,逐行浮现册名并绘出长笔势,点击封面、册名或图注即可进入相册
- 显影板放在开场,桌面与手机都可全屏涂抹;螺旋盘独立一幕,保留原有悬停、放大与灯箱
- 新增胶片无限环底纹与明暗切换,照片范围内滚轮转盘,外围滚轮翻幕,支持减少动态效果
v2.50
- 关于页改为社交账号、技术栈与源码语言三段阅读,个人介绍后置,手机保持单列
- 鳍片逐片留隙飞过,向右从右下角、向左从左下角断开,支持快滚与中途反向
- 移除遮挡底纹的白板与回到开场入口,保留原点击反馈、明暗开关与手机静态降级
v2.49
- 写作台增加加粗、斜体与删除线操作,支持撤销和预览,代码块语言增加 C 与 C++
- 修复 Windows 换行差异导致造物台编辑校验失败,保留未编辑正文的原始换行
- 本地写作台清理发布错误中的终端配色乱码,保留失败文件、中文与代码缩进
v2.48
- 造物台滚动末段新增铁链绷紧、断裂飞散与四角回弹收尾,无限符号保持完整
- 支持上滚复原和再次演出,手机减少碎环,减少动态模式直接显示静止终态
- 断链演出期间暂停向下翻页,收尾后自动放行,上滚仍可复原
- 修复断链时连续滚轮引起的画面抖动,回到顶部时先接回完整铁链再展开主体
v2.47
- 本地和云端写作台新增造物台项目维护,可编辑资料、正文、顺序、链接与六种图片动效
- 项目图库支持主图、暗色替图、说明和排序,现有网站及写作台模型资料保留
- 两端可编辑造物台页头、滚动提示、作品区文案与工作手记,保存和发布沿用原有保护
- 保留说说换行修复和文章更新时间自动推进,扩展云端私密草稿类型并验证旧数据迁移
v2.46
- 新增造物台与导航入口,先收录北杉札记和写作台,留下项目与手工作品的制作记录
- 拉丝金属无限环与铁链随滚动连接成形,缩小后链条仍延伸到画面外,适配手机和减少动态效果
- 项目展示图随亮暗主题切换,提供详情展开和可分享的独立项目页
- 图片支持六种可复用悬停模板,可按项目选择或自动分配,触摸设备保持静态展示
v2.45
- 首页统计更名为源码语言占比,手机保留概览和展开明细,更新区展示最近两条并提供完整日志入口
- 电脑首页版本卡片可从原位放大查看全部更新,支持平滑切换、反向缩回与键盘操作
- 说说正文支持安全的加粗、斜体、行内代码和链接,保留原文与配图
- 手机关于页使用电脑三维背景的静态帧,分别适配亮色与暗色,并修复窄屏背景空白
- 相册操作控件统一为玻璃样式,适配照片背景、手机与键盘焦点
- 暗色相册显影板与主页共用同一组橙色渐变
- 电脑文章页改为居中双栏,目录与标题对齐,支持当前章节提示、复制链接、回到顶部和相关札记
v2.44
- 本地和云端写作台新增一键代码块,可选择语言、保留缩进与空行,支持撤销和还原正文
- 云端可视化和源码模式均可插入代码,发布后沿用站点语法高亮
- 本地写作台可安全接收云端更新,区分单纯落后、分叉和未提交改动,避免覆盖内容
v2.43
- 增加站内回复提醒,登录后可在顶栏查看未读数量和回复记录,打开即标为已读
- 修复手机相册散片无法上下拖动和从照片起手拖动中断的问题,默认支持单指四向探索
- 保留双指缩放、轻触放大和查看全部后的正常滚动
- 完成独立云端写作台的本地开发,支持私密草稿、配图、恢复与校验后发布;生产配置和正式验收待完成
- 完成云端写作台的线上数据库备份验证与增量迁移,补齐发布密钥的配置步骤
- 修正细粒度令牌的部署查询兼容,支持单独重新检查上线和不发布内容的配置核验
- 修复 Cloudflare 仓库请求的重定向选项兼容,保留凭据不跟随跳转的保护
- 消除亮色主页顶部留白与正文之间的背景接缝
- 云端写作台默认可视化编辑,支持标题、粗体、列表和链接,保留源码模式与特殊旧文原文
- 本地写作台补齐正文与两级标题按钮,两端文章发布后自动生成本文目录
- 修复旧图片测试依赖本机路径导致云端发布校验失败,增加只读云端源码校验与令牌到期更换说明
v2.42
- 说说配图支持点击查看大图,可按 Esc 或点击关闭返回
- 修复手机相册显影板滑动中断,支持连续涂抹显影
- 默认头像扩为九款,人物采用官方漫画与指定时装,双螺旋、星轨和无限环统一本站配色,并增加素材来源页
- 上传头像增加预览、移动、缩放与确认步骤
- 修复账户设置和登录弹窗的光标,暗色遮罩改为中性黑色,留言声纹改用暖橙色
- 补齐手机菜单键盘操作,修复主题降级、说说评论重试、归档卷尺与留言回复刻度
- 加固留言和点赞请求校验、并发限流及大批量查询,更新相关依赖并固定构建环境
- 增加分享卡片图片和摘要,清理失效旧文链接与不索引页面的站点地图记录
- 同步关于页技术栈,首页与关于页共用构建期源码语言统计,补入 Python 与 SQL
- 修复新增说说后写作台误将构建生成文件视为源码改动而停止发布的问题
v2.37
- 增加可选账密账户与恢复码,匿名留言保持直接可用
- 评论与回复显示头像和身份,昵称可打开公开名片
- 增加私人资料设置、六款默认头像和自定义头像上传
- 支持密码修改、账户恢复和注销,保留旧留言与原有管理方式
v2.36
- 文章与说说支持站主上传视频,写作台增加上传、说明编辑与播放预览
- 视频按内容去重,仅部署公开页面引用的素材,草稿视频保持隔离
- 写作台增加编辑版本检查与发布保护,保留普通 Git 提交历史
- 修复关于页主题软条首次进入时的折叠黏连
v2.35
- 留言页暗色底纹换用夜间金属材质,保留透明护罩、反光与橙色流光
- 亮色留言底纹提高清晰度,光槽改为绿色,流光收为暖白亮点与淡绿光晕
- 暗色标签底纹改为黑色环体,加入常驻橙色细边辉光并增强点击脉冲,静态后备图同步调整
- 关于页亮色薄片加入常驻绿色细边光,修复主题开关投影尾部被裁切
- 标签页亮色底纹加入常驻绿色细边辉光,静态后备图同步增加淡绿光晕
- 修复内容较少时页脚提前结束,页脚随页面高度落在屏幕底部
v2.34
- 提亮亮色模式下的立体无限环,保留薄片的立体层次
- 点击脉冲经过的鳍片泛出淡绿色,随后恢复白色
- 标签页换上可点击的百褶无限环,移除金属底纹
- 关于页无限环仅在点中鳍片时触发脉冲
- 暗色模式页脚改为橙底,统一社交图标配色
- 拖动主题软条时头部与关于页同步渐变,点按保留直接切换
- 主页及开场采用浓橙与黑色,亮色转场恢复墨绿,修复顶部接缝并调整 DNA、流线与时间切片背景和提示
- 时间切片入口换为双层悬浮玻璃窗,亮色采用清玻璃和墨绿细边,适配静态回退
- 文章页加入可拖动推动条,调整暗色文章与百褶无限底纹配色
- 调整暗色友链墨迹、说说月相与留言金属环配色,水波改为琥珀反光并随主题切换
- 暗色相册显影板改为橙底黑字,调整相册、日志与标签底纹及脉冲配色
- 修复暗色光标圆圈不清楚及推动条出现系统手型的问题
- 亮暗主页流场线宽统一,修复开场结束后线条浓度跳变
v2.33
- 关于页背景换成立体无限环,加入点击脉冲并修复显示与点击反馈
- 暗色模式改为黑底与橙色强调,亮色保留纸白与墨绿
- 调整无限环的姿态、扭转幅度和运动速度,接合首尾断层
- 调整亮色配色,改善偏黄、偏棕的观感
- 完善无限环的光影、圆角和景深表现
v2.32
- 关于页右上角新增可拖动的主题开关,支持切换亮色与暗色
- 开关背景改为透明,保留投影并改善显示清晰度
- 调整拖动与松手吸附,修复软条显示、形变和手势误判
- 开关按需加载,静止后停止绘制
v2.31
- 关于页那个百褶无限符号的透明度从 0.3 收到 0.82
- 新增一个明暗对比的设置(0.5),把薄片的明暗跨度压窄了一截
- 波纹改成和底纹同档,改由颜色变化表现,不再靠加深
- 补了几条会先变红的判据:浓度下限、对比度的上下界、动态图和静态图不许长成两个样
- 白环那个按你说的没动
v2.30
- 关于页改为纸白底,原月相背景换成立体百褶无限环
- 环向左微转摆正,保留立体纵深
- 点击环会激起单向传播的疏密波,波经过的薄片泛出淡绿色
- 保留缓慢扭转,取消拖动;减少动态效果时静止,无法绘制时显示静态环
v2.29
- 标签页换上新设计的陶瓷金属无限符号,保留暖白外壳、拉丝金属与铜色细节
- 标签目录与具体标签同步更换,准星交互保留
- 底纹降低浓度,窄屏完整显示;留言页继续使用原机械环
v2.28
- 留言页换上立体机械无限环,与标签页共用底纹
- 微光沿铜色光槽缓慢流动,减少动态效果时保持静止
- 鼠标移动会在背景带起连续水波,快划尾波更明显,停下后逐渐平静
- 水波前端加宽、收圆,光影调淡
- 声纹带与留言功能保留,手机和减少动态效果模式使用静态背景
v2.27
- 标签页换上立体机械无限环,保留分段金属、透明线圈与铜色光槽
- 微光沿环缓慢流动,经过背面时被遮住;减少动态效果时显示静态环
- 标签目录与具体标签共用这套底纹,主页保持原样
v2.26
- 走时仪开始分档:跨度超过 45 天就自动从"一格一天"换成"一格一月",不用谁记得回来改
- 标签带上加了这个月是几月 —— 跨过 31 天之后日号本身会重复,光看数字分不清是哪个月
- 查了一下真正的问题不是"挤":装置是整台等比缩进固定宽度的框里,天数一多它会越缩越小,一年后齿只剩 0.06 像素宽
- 加了一条会在撑不住时先变红的判据(相邻两列的渲染间距),这样哪天数据涨过头会有提示而不是悄悄坏掉
- 月份排在日号的下一行,日号那一行一个像素都没动
- 顺带补上了这一页一直没守的颜色规矩:别处都有,只这页漏了
v2.25
- 修灯箱"卡一下":点开照片不再顿一下才出来,翻页也不再有"照片没变、左上角文字先变了"的错帧
- 办法是让说明文字等图真的能显示了再一起换,再顺手把相邻的那一张提前取回来 —— 翻页现在点下去就是即时
- 悬停在一张照片上停够久就会把它提前取回来,所以"点开第一张"也不用干等;快速扫过不会误取
- 量过了:页面加载时仍然一张大图都不取,指向一张停住才取那一张,打开后最多多取相邻那一张
- 这个毛病截图看不出来(是零点几秒的时间差),靠的是"按下翻页的同一瞬间读文字和图"量出来的
v2.24
- 点开照片改成**直接出那张大图** —— 原来先递一张网格的小图顶上、等大图在后台换上,那段放大发虚的时间正是要去掉的
- 砖墙与螺旋盘两侧一起改(它们共用同一段换图逻辑),翻页绕回同一张不会闪一下
- 按字节量过代价:网格档中位 53 KB、大图档中位 92 KB,最大那张 475 KB ⇒ 中位数只差 1.7 倍,但最重的几张在慢网上会有一小段空白
- 灯箱打开那一刻才去请求大图这件事没变 —— 页面加载时仍然不抢那 9.3 MB
- 顺带记一条:相册的**原图从来不部署**(30 MB 静态站不合理),产物里最大的就是 1280 档
v2.23
- 点开照片后左右那两枚「上一张 / 下一张」换成了圆形玻璃按钮,悬停更实一点、按下去会轻微缩小
- 这套玻璃收进了站上的通用样式,以后任何深色底上的控件都能用,不必再各写一份
- 玻璃分成了两套:留言页那种纸白底上的、和灯箱这种深色底上的 —— 同一个白色压在两种底色上是两回事,混用会一边看不见、一边糊成一片
- 按像素量过:玻璃比身旁的暗底亮 29 级,边上那圈亮边再高 13 级,按钮上的箭头与玻璃底的对比度 8.58:1
- 键盘焦点圈留着 —— 玻璃按钮是深色底上的纯文字,没有焦点圈键盘就看不见自己在哪
v2.22
- 留言页的背景多了一层动态:鼠标慢慢划过,纸上会泛起一圈淡绿的声波,放大一会儿后自己淡去
- 这层是留言页的第二台动态装置(第一台是声纹带)—— 站内「每页一台」的规矩在这里破了一次例,理由写在规范里
- 浓淡是按像素量出来的,不是凭感觉定的:最浓的那一刻比纸白低 35.6 级,落在站内「静态装饰」与「交互反馈」两档之间
- 声纹带现在可以悬停查看:指针移到波形上会出现一根游标,下面的读数换成那一刻附近的留言条数;点一下钉住,再点一下取消
- 修了两个真问题:波纹原本整体偏到了鼠标的左上角(坐标多减了一次版心偏移);环的样式写在页面作用域里,脚本生成的元素根本匹配不上,等于完全看不见
- 留言页从此有了字节预算 —— 此前它可以无限膨胀;顺便记下我第一次算错了:只数了页面直接引用的脚本,漏了整条依赖闭包,差了 5874 字节
v2.21
- 修好了声纹带在留言稀疏时的两处问题:同一天的两条留言原本会被并成一段,看起来像一条没有内容的横线
- 时间刻度原先按 UTC 显示,与下面那行读数的本地时间差了一天,现在两处一致
- 波形给了短留言一点额外的显示高度:原先一条很短的留言只有 3 像素高,等于看不见
v2.20
- 留言页的笔迹装置整台退场,换成「声纹带」—— 把这一页每一条留言按它真正发生的时间铺成一条波形,起止日期和条数都写在下面
- 这是站内第一台读页面真实内容的装置;以前十一台都是跟着指针、滚动或时间走的
- 新增一组玻璃质感的控件,同时管两件事:切声纹带看哪一段时间、把留言按最新或最早重排(重排不会弄丢已展开的回复)
- 加了控制台与排序的无障碍标记;关掉 JavaScript 或打开「减少动态效果」时,装置退回一条安静的平线,留言表单和内容照常可用
- 读数只说「最近多少条」不冒充全站总量 —— 接口一次最多返回 200 条,这是实话
v2.19
- 螺旋盘原来在装置区刷了一层不透明的纸白,正好把背景那张无限符号拦腰截断,底纹读起来像两张图叠在一起
- 现在这层底去掉了,底纹从装置下面连着穿过去;相册页和螺旋盘独立页用的是同一份实现,一次改对
- 照片本身不裁不改色,只是换掉了身后的底;放大那张垫的近透明保护层落在底纹上,肉眼也看不出来
- 加了两条门闩守着:装置视口必须显式写明不着色,不许再刷任何底色
v2.18
- 散片相册支持鼠标滚轮缩放,以鼠标位置为中心,上滚放大、下滚缩小,范围为 0.25 至 1.6 倍
- 连续滚动时倍率按帧平滑追向目标,不是每一格突然跳一下;松手后自行收尾停住
- 保留缩放按钮和回到中心,按下按钮立即接管;切片滚轮翻片、灯箱和完整索引的操作不变
v2.17
- 单册相册加入铺满屏幕的散片画布和悬浮切片;照片大小、角度更自由,边缘有浅色花边;拖动与切片滚轮都有惯性,两侧切片渐入渐出
- 相册可设置英文展示名和陈列方式,新相册默认散片,尾部追加照片保留已有散片的位置
- 图片地址加入内容指纹,避免中间插图或换图后仍显示缓存中的旧照片
- 保留查看全部、原有灯箱和减少动效下的普通索引;桌面和手机画面、拖动与滚轮交互均已验收
v2.16
- 修好了写作台「刚启动的时候点它有几率卡死」—— 根因不是"点",是启动时两个线程在赛跑
- 写台把窗口对象挂在了第三方库会挨个儿翻一遍的位置上,于是后台线程摸到了只有界面线程能碰的东西;改成藏进下划线开头的名字,它就看不见了
- 顺带抓到一个藏了很久的假通过:三个变异从来没真的跑过(文件行尾与锚点不一致,匹配数是 0)。现已让所有这类脚本按文件行尾自动对齐
v2.15
- 修好了写作台「传图片传不上去」—— 上传前读文件时把它当成文字解码了,图片里那些不成字的字节被悄悄换掉,于是传上去的内容和本地对不上
- 顺带补上一样:从站上删掉的文件,现在也能通过写作台推出去了(之前会卡住)
- 这个坑藏了好几轮才现形,因为之前推的全是纯文字 —— 纯文字里没有那种会被换掉的字节
v2.14
- 修好了写作台「点了最大化就再也缩不回来」—— 那个属性名看着像窗口状态,其实是页面状态,跟窗口几何毫无关系
- 写作台新增标签时,会顺手把文档里那张标签表也补上一行;顺带把表格里漏了两个月的两个标签补齐了
- 删掉了本机 D 盘那条「低完整性」标记 —— 之前放在那个目录里的应用会静默打不开;已全树复核,一个不剩
- 又发现一条悄悄过期的验收断言 —— 上一轮给接口加了个字段,测试里那条整字典比相等的判断就没再通过过
v2.13
- 修好了写作台拖动窗口时「窗口跑得比鼠标快一点」—— 多乘了一次屏幕缩放比,而这两套坐标本来就是同一把尺子
- 写作台多了一页「标签」,可以增加和删除站上的标签;并且挡下两种会弄坏站点的操作:正在被文章用的标签不许删,名字不合规的不许加
- 写作台有了自己的图标:本站那个 ∞ 加一台打字机,配色全用站上已有的颜色
- 途中发现图标其实压根没打进 exe 里 —— 我把设置写进了一个构建时根本不读的配置文件,而构建照样报成功;补了一道「从 exe 里把图标抠出来逐像素比」的核对
- 也发现上一轮的拖动测试一直是「假绿」:它把代码里的错误假设抄进了自己的期望值
v2.12
- 本机的「写作台」从双击脚本改成了真正的应用:一个 exe 加桌面和开始菜单的快捷方式,打开时不再闪一串黑窗口
- 顺带修好了窗口拖动 —— 顶部一整条都能拖着走,而且不再发抖
- 打包过程加了一道自查:装完会真的把服务起一遍、确认能应答,起不来就不算打包成功
- 途中查出一个与本站在线页面无关的坑:本机某个目录被系统打了「低完整性」标记,放在那里的应用会静默打不开
v2.11
- 给自己做了一个跑在本机的「写作台」—— 以后写文章、说说、日志、传图、推送都在一个窗口里办,不用再让 AI 代劳
- 为了让写作台能删站上的留言,站点这边新增了一条带密钥的管理接口;密钥只放在环境变量里,不进仓库、也不回显
- 这条接口是「密钥没配就整体关闭」的 —— 宁可自己用不了,也不留一个谁都能删留言的口子
- 站上访客看不到任何变化;接口读留言时不取 IP 相关的字段,与原来的隐私口径一致
v2.10
- 螺旋盘里放大的照片缩回去时,偶尔会在它原来占过的那一圈留下条纹 —— 是浏览器缩小过程中漏擦了旧画面,截图拍不到、只在屏幕上出现
- 现在放大那张片的身后垫了一块比它大一圈、几乎完全透明的纸色底,缩回之后还会多留一秒多再撤,让浏览器每一帧都把整块重画
- 缩回仍是原来那段慢慢回到原处的动画,照片本身没有任何变化
- 加了 4 条护栏,做过 12 条变异验证
v2.9
- 螺旋盘转到侧面的照片,被透视压成窄条后,照片里本来的彩色竖边会读成「边上一块色块」;现在这些侧面照片朝外的那条边会渐渐淡进纸色
- 正对着的那张和左右紧挨的两张完全不变;照片的透明度、位置、大小都没有动
- 加了 4 条护栏(不许整片抹掉、不许改透明度、不许硬切),做过 23 条变异验证
v2.8
- 手机系统开深色时,顶栏的导航菜单按钮会消失 —— 浏览器会把页面上「白色的色块」整体反成深色,而按钮正好是用白色色块画的;改成用 SVG 线条画,并声明本站只有浅色配色
v2.7
- 相册页显影板上那个跟着鼠标的小白圈删掉了 —— 全站原本就有「白点 + 淡墨圆盘」的跟手光标,加上它就在同一个点上叠成了三层同心
v2.6
- 全站静态资源加了长缓存(构建产物与照片档位一年不变);代价是照片换了内容要另存新名
- 点开大图先用已在缓存里的 800 档立刻显示,1280 档在后台加载完再无声换上
v2.5
- 日志改版:v1.18 以后的条目从「整段分析」精简成「只说做了什么」;右侧补了一根可拖动的滚动条 —— 原生滚动条早先按站主要求删掉了,超长页就没得拖
- 文章《从 HTML 到莱茵生命》的发布日期改成今天(10 月 8 日),并去掉「更新于」那一行
- 走时仪跟着新的日志内容一起更新(它的齿高取自每版的改动项数)
v2.3
- 相册三页(`/gallery/`、各册页、`/gallery/spiral/`)的背景底纹,从「百褶 ∞」换成站主给的蓝墨手绘 ∞ —— 先把纸底抠掉,再染成墨绿
- 素材紧裁到笔画外框(614×208),层宽就等于墨迹宽度;透明度 0.08 按差分实测定档,与既有两层同档
- 做成三页共用的组件(同一张图出现在三页,内联三份会各自腐化),配 14 条护栏、做过 4 条变异验证
v2.2
- 手机端「只有首页点得出导航菜单」修好了 —— 坏的是顶栏,不是抽屉
- 修法:顶栏退回普通元素、玻璃搬进伪元素,抽屉重新拿到视口;护栏 8 → 11 条
- 做过 3 条变异验证(改 z-index / 把模糊放回顶栏 / 抬升漏掉一个排除),全部被咬住
v2.1
- 螺旋盘照片外面那圈「边缘」修掉:占位底整个去掉,不再换个颜色
- 淡出加了一道死区(阈值 0.2 按实测定位),不再留下半透明的邻片残影
- 守「照片盒不许有底色」的反向断言改成取最后一条声明
v2.0
- 相册页整体重排:照片区从一列 82 张铺到底,改成按册分板的承托面(方格纸托底、编目号、四三二列随宽度换档)
- 新增第十一台装置「螺旋盘」:82 张照片绕成一条纯 CSS 3D 螺旋,一次只把注意力交给一张
- 陈列区一分为二:`/gallery/` 变成入口页、每种相册单独一页;入口条每条最多取样 15 张(等距、含首尾)
- 交互改了几处:「进入 →」按钮删掉、点大图直接进;划动改成滚轮;点照片放大到眼前、点空白回到原处;删掉对焦照片上的绿框
- 修掉从相册返回时落在纯绿面板上、点不动东西的问题
v1.27
- 404 页的裂痕重做成「一次真实的撞击」:一个爆点、17 根放射线铺满整周
- 站主授权去找了镜子碎裂的参考,把「放射线先裂、同心环后裂」的关系落进几何;线按站主要求拉稀
- 站点图标换成「墨绿底 + 白色无限符号」,那个 ∞ 复用开场动画里的一笔;`.ico` 重出 16/32/48 三档
- 首页首屏清掉四处伪读数(原型版本号、伪结构编号、没功能的 SCROLL 标签、重复的状态字样)
- 右上那块空玻璃改成一块「时间切片」(装本地时间与站龄);顶栏站名下面补回真实地址
v1.26
- 友链页「星链出现」第二次提速:先造尺子量出慢在哪一段,只调一个时间常数 ⇒ 到顶 100ms
- 留言页第八台装置「墨滴」:鼠标划过留痕、指针停住纸面就静止;底纹换成蓝色钢笔母题;发表成功时墨滴从上方砸下、炸开
- 修掉「装置整个不显示、只有开 F12 才出现」;发评论的墨滴效果按像素数量级重做(峰值 229 → 9610)
- 标签页第九台装置「准星」:指针所在行列亮出贯穿全屏的十字准星,键盘 Tab 同样有效
- 404 页第十台装置「裂痕」立项:鼠标划过玻璃裂开并缓慢生长、裂纹绕开文字
v1.25
- 友链页第七台装置「星座」:指针靠近的节点之间连出细线,停留越久连得越多,而且离开不回落
- 星点分两层:卡片节点(画在卡片本体上)+ 背景散点;加了两条护栏防它连成蜘蛛网
- 底纹换成站主手绘的墨笔无限符号,染成墨绿(不保留纯黑)
- 抠图按亮度线性反相当透明度,三道清理的顺序固定
v1.24
- 说说页第五台装置「浮游」:斜飘的雨线(三层景深)+ 下半屏一圈圈椭圆涟漪
- 短句卡片只在自己原来的位置小幅漂浮,不打乱顺序;按站主要求把每个说说的背景改成透明
- 底纹用站主给的墨点螺旋,只转格式、不裁不染,浓淡取站上那档 8%
- 日志页第六台装置「走时仪」:一支零 JavaScript 的时间刻线尺(齿位 = 真实日期、齿数 = 当日版本数、齿高 = 该版改动项数)
- 日志页底纹换成墨绿 ∞,并加了「呼吸」与「生长」两条动效
v1.23
- 关于页定版:白底、两栏(叙述在左、条目在右),窄屏仍是一栏且阅读顺序与改版前逐项一致
- 底纹母题从百褶 ∞ 换成站主给的月相图,挂法逐条照抄原来那层
- 修掉手机端整站能横向拖出约 300px 空白;全站悬停反馈统一到首页那套参数
- 文章页第四台装置「阅读尺」:滚动时从页边抽出来的水平尺,尺上握着这篇文章自己的二三级标题
- 文章页底纹换成「工程方格 + 页边刻度轨」,「本文目录」挪到右栏跟随滚动
v1.22
- 首页底部加了「时间切片」:往下滚,镜头沿着一串静止的蝴蝶切片往前挪,正对镜头那一片是实的
- 蝴蝶会扇翅膀(十六个翼相在做页面时一次性烘进几何里),触角与身体不参与拍翅
- 可以拖着四处看;一滚滚轮就回到原来的正视角
- 滚到底绿幕铺满屏幕就直接进相册;剧场右下角显示蝴蝶模型的署名
- 手机、系统开了「减少动态效果」、跑不动 WebGL 三种情况换成一张静态版面
v1.21
- 第二台装置:归档页右侧一条带刻度的「索引卷尺」(年份是大齿、月份是小齿,全部从内容推导)
- 游标随滚动连续下滑,卷过的刻度留墨,读数区实时显示「当前年份 · 该年几篇」
- 点某根年份刻度、或者拖着尺身走,松手就平滑滚到那个年份
- 抽出第一个共享工具层(约 1.4 KB):帧循环、视口停帧、降级开关、二阶弹簧;装置统一四态降级
- 内页顶部导航从下划线文字链改成主页同款的胶囊按钮
v1.20
- 显影板顶到页面最顶端、顶栏浮在它上面
- 照抄参考站的鼠标效果:跟手白圈、一阶指数平滑、不规则 5+9 瓣笔触
- 第六轮推倒重做:补上密度场被卷曲噪声流场输运、线性衰减、硬阈值带宽 —— 「像水」的来源
- 第七轮边缘改矢量等值线,过渡带从 2.97px 收到 0.83px
- 几轮优化把满场跑进 9.1ms,线上满帧
v1.19
- 站主拍板 13 条口径、定下十台装置候选:展示型自己缓缓地动、功能型一碰才回应、阅读型滚动即退场
- 手机端分级降级;每台都要满足「减少动效」与「没有脚本」两种降级
- 第一台装置落地:相册页那块「流动显影槽」;口径改成「静止是纯色、只有指针能把照片搅出来」
- 图源改走网格档(800),并改成整屏首屏
- 规范那节整份重写,事故表补 6 条,手册新增「想改什么改哪个」表
v1.18
- 那个无限符号的笔顺改了:从中心交叉点起笔、一笔绕两环、两环反向,收笔方向与起笔一致 —— 接缝没有了
- 手机上首页那排横排胶囊收起来了,只留右上角抽屉菜单
- 首屏那批流场线原本是冻住的(毫秒被当成秒),改回来之后实测 2.7–5.5 px/s
- 那批线加了跟随弹簧 + 横向呼吸(沿横向按 1600px 波长起伏、九秒一个周期)
- 弹簧改成按真实时间步积分(原来弹不弹取决于显示器刷新率)
v1.17
- 那个无限符号画出来的过程慢了一倍:原来 1.15 秒画完,现在 2.15 秒,一笔一笔看得清楚了
- 顺带治了它「唰一下蹦出来」的毛病 —— 原来开笔 0.63 秒就画完了 84%,现在同一时刻才走 19%,全程匀着走
- 因为这一秒,整个开场从 4.75 秒变成 5.75 秒;后面每一段都跟着往后挪一秒,段落之间的衔接关系一点没变
- 手机上那套 1.5 秒的极简版没动
- 开场总时长的上限也跟着从 5.3 秒放宽到 6 秒
v1.16
- 开场和首屏原来是两套线(覆盖层自己 96 条、首屏 104 条),撤幕那一刻看着像「换了一批线」。现在覆盖层那条线删了,开场演的就是首屏那批线本身
- 于是接上了:开场从屏幕正中一条细线起步 → 横向散开铺满整屏 → 再长高成流场 → 幕布上下对开,露出来的就是刚才那批线,一根没换
- 光看代码看不出来:CSS 变量漏写单位会让整条 transform 悄悄作废(动画根本没跑,但量出来的时长、透明度全是对的)
- 还有个坑:那批线要绕「同一条中线」收拢,得指定以整块画布为参照;否则每条线各按自己的中心缩,104 条会缩成一条歪的带
- 开场各段的时间点从组件挪到了全局样式表里(首屏现在也要读这组时间),改一处就够
v1.15
- 开场动画整份重做:从 20 秒的逐帧复刻版换成「∞ 一笔画完 → 散成一片竖线 → 竖线收拢成一条横线 → 幕布上下对开」五段,5.3 秒内结束;手机上是 1.5 秒的极简版
- 五段是故意叠着跑的(后一段在前一段还没结束时就起步),看起来像同一个东西在变形,而不是一段演完再演下一段
- 开场撤走时不是硬切:首屏那片流场竖线从两端往中间「长」出来,大标题先揭帘、再一个字一个字滑上来
- 开场收尾的线直接变成首屏的竖线(每条线的起点取自那个 ∞ 上的采样点),不是两段各演各的
- 顺带清掉旧开场留下的一大堆东西(轨迹表、构建期生成的 CSS、两个测试、一个校验脚本),净减两千多行
- 无 JS、系统开了「减少动态效果」、本次会话已经播过 —— 这三种情况整个开场直接不出现,内容照常可见
v1.14
- 修掉一进站首屏大标题被一个绿框套住:开场动画收尾会把焦点交给主标题(为了别掉到 <body>),浏览器把这个「脚本聚焦」也当成键盘聚焦、于是画上了焦点环
- 收的只是这一类元素(Tab 永远走不到、只可能被脚本聚焦);链接和按钮的键盘焦点环照旧保留
v1.13
- 修「最近写的」有时不 hover 就空着:条目的可见性原来全押在一个脚本动画上,动画一丢(返回上一页/标签页被冻结回收)内容就永久不显示,滚走再回来也不会自己恢复
- 修宽屏下「身份下面」那道竖向白边:过渡带原来没跟首屏、纸白区一起铺满视口,被外层容器框成了中间一段,视口宽于 1312px 才现形
- 背景那个百褶 ∞ 从「突然闪出来」改成淡入淡出
- 滚动带里「玻璃拟态」换成「自由热烈」;身份区的自我介绍精简为一句(不再罗列学过的那些)
v1.12
- 把上一轮我"顺手修好"的原型笔误又改回去了:原型 CSS 里写错的 clamp、没定义的变量,一律照原样保留 —— 我修好它们,渲染出来反而跟原型不一样
- 导航「主页」两个字恢复成绿色、去掉文字下面的横线;文章标题字号从 54.4px 回到原型的 17px;字母滚动带的上下横线与实色底去掉
- 修掉一个线上才看得见的 bug:百褶 ∞ 那张底图一直没进 git,线上 404、整块眼不见(本地产物里有它,所以本地怎么核对都发现不了)
- 首屏那条深墨绿洗色也照原型撤掉了(原型里它只是块会伸缩的顶部留白,几乎看不见);日记之外的顺带好处:内页的 ∞ 水印跟着一起回来了
- 同晚续查一层:跑马灯大字的字体也照原型退了回去 —— 原型那三个字体变量它自己压根没定义,是我定义了,反而让那些字从原型的样子变成了 Archivo
v1.11
- 主页改成「以原型文件为源」:结构、类名、CSS、动效一律照原型 v10.6,只把导航、文章、站名与自述换成真实数据
- 删掉上一轮遗留的一整套外壳动效(正文默认 65% 不透明、滚过中线才亮起来、点击闪绿、首屏文字错位入场)
- 加回原型的滚动视差:背景网格、三块玻璃卡、首屏标题四层错速,纯 CSS 驱动、零 JS 成本
v1.10
- 主页补齐原型的另外两屏:「最近改了什么」四张卡(自动取日志最新四条)+「技术栈」语言占比条
- 技术栈的百分比是构建时真去数仓库里的字节算出来的,不是抄来的数字 —— 以后改了代码它自己会变
- 首屏左下角补上 SCROLL 提示与跑光;纸白区补回原型的背景肌理(细网格呼吸 + 左下同心环 + 底部绿雾)
v1.9
- 首页那个 3D DNA 瘦了一圈:three.js 从整包 657 KB 降到 542 KB(−17.5%),页面总 JS 从 734 KB 降到 619 KB
- 顺带给它加了回归网:以后若有人把它改回整包引入,测试会当场拦下
v1.8
- 新文章《从 HTML 到莱茵生命:我和上一个 AI 建站踩过的坑》:把改版式这一路真正的问题按「环境 / 坐标系 / 度量」三类记了下来,每个坑都写了怎么查出来的
- 关于页技术栈更新:现在写的是站上真在用的那一套(Vitest 的测试文件数、全 CSS 动效、自托管字体的具体字族都点名了)
v1.7
- 关于页加了「技术栈」一栏:分构建 / 服务 / 呈现三组,写的都是这个站真在用的一套东西
- 评论可以互相回复了:文章、留言、说说三处都一样,最多两层,一条评论下面的回复按时间正着读
- 说说下面的评论条数不用点开也能看到,而且和点开之后的条数一致
v1.6
- 说说改成新的在上面:之前的排序实际在比星期名而不是日期,旧的反而压在了新的上面
v1.5
- 修复主页扫描线上显示内容错版的问题:扫描绿线碰到什么才显示什么
- 主页文章"最近写的"只显示最近三篇:解决主页过长的问题
v1.4
- 页面过渡重做:2.2 秒四阶段(临床聚焦 → 中央准星 → 无菌舱门 → 内容落地);第三阶段中央那条线会裂成上下两条墨绿线
- 评论与留言改成新的在上面;关于页头像改成布局定位(不再「加载后跳一下」,并跟随页面滚动)
- 修相册点照片误触发页过渡(灯箱被蒙版挡住)、手机抽屉被正文盖住;修「友链 push 了却线上没变」(临时文件误提交致构建失败)
v1.3
- 导航新增「友链 / 说说 / 留言 / 日志」四页,每一项都能点进去
- 移动端换成抽屉菜单(零 JS:一个 checkbox 控制开合,面板打开时锁滚动)
- 扫描读数从不透明纸底改成透明玻璃,滚动时不再压住正文标题
v1.2
- 主页背景加了「RHINE LAB, LLC. NO.001」磁带(从渲染图抠底、压成 38 KB 的 WebP)
- 全站光标换成跟手白点 + 半透明圆盘 + 点击涟漪;原生的箭头与 I 型光标退场
- 修掉涟漪"往右下角飞"的问题:`scale` 写进 transform 串,不再当独立属性
v1.1
- 首页开场动画上线:20.16 秒、79 段关键帧,可以跳过
- 小于 768px 的屏幕、以及系统开了「减少动态效果」时,开场不播放
- 光标换成三枚主题光标(正常 / 文本 / 链接),素材从参考图抠出来、URL 带内容指纹
v1.0
- 相册页上线:3 个专辑、164 帧,构建时自动生成 WebP 与缩略图
- 站内评论(自托管接口,带蜜罐反垃圾)
- 全站硬约束:零第三方请求、字体自托管、图片必须带 alt
