X

Just finished refactoring the header component. The separation of platform links and dropdown trigger is now crystal clear.

Blog

Astro 组件设计:如何构建一个不干扰阅读的 Header

在设计个人博客的 Header 时,核心原则是克制与稳定。本文探讨了如何通过清晰的职责划分和响应式设计,创建一个既实用又不干扰阅读体验的导航组件。

X

Working on dark mode support. The key is using CSS variables and prefers-color-scheme media queries.

Blog

TypeScript 类型系统在实际项目中的应用

从基础类型到高级类型,从泛型到条件类型,本文记录了我在实际项目中如何利用 TypeScript 的类型系统来提高代码质量和开发效率。

X

The beauty of static site generators: fast, secure, and simple.

Other

GitHub Actions 自动化部署实践

记录了一次完整的 CI/CD 流程搭建过程,从代码提交到自动构建再到部署,全自动化流程让开发效率提升了不少。

Blog

响应式设计:移动优先的思考方式

移动优先不仅仅是技术实现,更是一种设计思维。本文分享了在构建响应式网站时的一些实践经验和思考。

X

Sometimes the best code is the code you delete.

Blog

CSS 变量在主题切换中的应用

使用 CSS 自定义属性实现主题切换是一个优雅的解决方案。本文介绍了如何利用 CSS 变量来构建支持明暗主题的网站。

Other

个人博客的技术选型思考

为什么选择 Astro?为什么使用 pnpm?这篇文章记录了我搭建个人博客时的技术选型过程和背后的思考。