一个追求设计与代码无界交融的个人技术与设计博客。https://example.com/https://example.com/blog/astro-6-deep-dive/https://example.com/blog/astro-6-deep-dive/探索 Astro 6.0 的核心特性，如全新 Content Layer API、更好的字体优化以及极致的静态站点渲染流程。Tue, 16 Jun 2026 00:00:00 GMThttps://example.com/diary/diary-2026-06-16/https://example.com/diary/diary-2026-06-16/完成了博客文章列表（blog/index.astro）的美化，引入了仿 Claude 风格的胶囊分类标签、双列卡片式布局以及平滑的分类过滤动画。同时填充了4篇中英文结合的高美感博客测试文章。Tue, 16 Jun 2026 00:00:00 GMThttps://example.com/blog/claude-design-aesthetics/https://example.com/blog/claude-design-aesthetics/如何将 Anthropic Claude 的品牌视觉风格融入到个人博客中？探讨温暖色调、衬线字体、空气感间距以及自然的交互动画。Mon, 15 Jun 2026 00:00:00 GMThttps://example.com/diary/diary-2026-06-15/https://example.com/diary/diary-2026-06-15/为了提升页面深滚时的菜单可达性，将顶部导航栏重构为 position: sticky 浮动。整合了 color-mix 与 backdrop-filter: blur(16px) 磨砂玻璃效果，并为首页量身定制了从透明过渡到模糊悬浮的动态感知逻辑。Mon, 15 Jun 2026 00:00:00 GMThttps://example.com/blog/indie-hacker-diary/https://example.com/blog/indie-hacker-diary/记录将个人技术积累整理成博客项目的全过程。关于如何保持简单、快速产出以及克服“完美主义”的心路历程。Sun, 14 Jun 2026 00:00:00 GMThttps://example.com/blog/css-layouts-modern-way/https://example.com/blog/css-layouts-modern-way/重回原生 CSS！探讨如何结合 Flexbox、Grid、CSS 变量与现代 Clamp 函数构建超高灵活性且轻量级的页面结构。Sat, 13 Jun 2026 00:00:00 GMThttps://example.com/diary/diary-2026-06-12/https://example.com/diary/diary-2026-06-12/引入了 GSD (Goal-oriented Software Development) 构建规范。利用自动化工具对项目进行了全量结构映射与架构脉络梳理，确立了设计系统代号并编写了 PROJECT.md 骨架。Fri, 12 Jun 2026 00:00:00 GMThttps://example.com/diary/diary-2026-06-10/https://example.com/diary/diary-2026-06-10/将旧版静态资源与 Bear Blog 样式骨架合并入 Astro，使用 TS 定义了 blog 与 diary 两个核心内容集合（Content Collections），并通过 Zod 对 Frontmatter 元数据字段进行了严密的静态校验配置。Wed, 10 Jun 2026 00:00:00 GMT