Astro 组件设计:如何构建一个不干扰阅读的 Header
在设计个人博客的 Header 时,核心原则是克制与稳定。本文探讨了如何通过清晰的职责划分和响应式设计,创建一个既实用又不干扰阅读体验的导航组件。
Working on dark mode support. The key is using CSS variables and prefers-color-scheme media queries.
TypeScript 类型系统在实际项目中的应用
从基础类型到高级类型,从泛型到条件类型,本文记录了我在实际项目中如何利用 TypeScript 的类型系统来提高代码质量和开发效率。
The beauty of static site generators: fast, secure, and simple.
GitHub Actions 自动化部署实践
记录了一次完整的 CI/CD 流程搭建过程,从代码提交到自动构建再到部署,全自动化流程让开发效率提升了不少。
响应式设计:移动优先的思考方式
移动优先不仅仅是技术实现,更是一种设计思维。本文分享了在构建响应式网站时的一些实践经验和思考。
Sometimes the best code is the code you delete.
CSS 变量在主题切换中的应用
使用 CSS 自定义属性实现主题切换是一个优雅的解决方案。本文介绍了如何利用 CSS 变量来构建支持明暗主题的网站。
个人博客的技术选型思考
为什么选择 Astro?为什么使用 pnpm?这篇文章记录了我搭建个人博客时的技术选型过程和背后的思考。