欢迎来到快鹿博客。探索设计与代码的无界交融。
“在理性的代码中寻找感性的诗意,在克制的设计中创造充满细节的体验。”
探索 Astro 6.0 的核心特性,如全新 Content Layer API、更好的字体优化以及极致的静态站点渲染流程。
如何将 Anthropic Claude 的品牌视觉风格融入到个人博客中?探讨温暖色调、衬线字体、空气感间距以及自然的交互动画。
完成了博客文章列表(blog/index.astro)的美化,引入了仿 Claude 风格的胶囊分类标签、双列卡片式布局以及平滑的分类过滤动画。同时填充了4篇中英文结合的高美感博客测试文章。
为了提升页面深滚时的菜单可达性,将顶部导航栏重构为 position: sticky 浮动。整合了 color-mix 与 backdrop-filter: blur(16px) 磨砂玻璃效果,并为首页量身定制了从透明过渡到模糊悬浮的动态感知逻辑。
引入了 GSD (Goal-oriented Software Development) 构建规范。利用自动化工具对项目进行了全量结构映射与架构脉络梳理,确立了设计系统代号并编写了 PROJECT.md 骨架。