Archive / 5 Logs
这里记录我如何整理工具、拆解前端结构、把交互细节落成稳定的工程经验。像素级的记录。
Signal Trace
01
May 28, 2026 / WebGL
液态图片预览：让项目图在 hover 时变成可触碰的表面
拆解项目列表上的 LiquidImage 组件：DOM 兜底 + WebGL 叠层、UV cover、ripple、RGB shift、grain、DPR 与卸载释放，以及 hover 的插值取舍。
WebGLShaderGLSLInteraction
02
Apr 30, 2026 / Design System
像素融合风格的个人站重构：从视觉系统到滚动叙事
一次完整的个人站技术重构记录：像素边界、Three.js shader cube、标题 mask、GSAP pinned section 和 WebGL 图片预览如何组合成稳定的视觉系统。
Design SystemShaderGSAPWebGL
03
Sep 29, 2025 / Alacritty
把终端调成工作台
从字体、主题到快捷键，记录我如何把日常开发入口做得顺手、克制、可复用。
AlacrittyTerminalConfiguration
04
Aug 15, 2025 / Next.js
用 MDX 做写作系统
把内容、组件和路由放进同一个工程节奏里，让个人站既能表达，也方便长期维护。
Next.jsMDXBlog
05
Feb 24, 2026 / Lattice
Lattice 风控系统拆解
拆解我在 Lattice 中处理事件可靠性、告警降噪、扫描稳定和权限追踪的真实做法。
LatticeMinecraftRustTauriOps