全新个人网站 Daydreamer 设计开发手记
原文中文，约6600字，阅读约需16分钟。
📝
内容提要
作者开发了一个新的个人主页，使用Astro.js框架，采用Bento式布局，强调信息平级和吸引力。设计注重字体选择和暗黑模式支持，确保视觉效果协调，并集成了GitHub Actions实现自动构建和发布，提升开发效率。
❓
Q&A
Daydreamer网站使用了什么框架进行开发？
Daydreamer网站使用了Astro.js框架进行开发。
Bento式布局有什么特点？
Bento式布局强调信息平级，适合自我介绍，解决了响应式布局的问题。
网站如何支持暗黑模式？
网站支持暗黑模式，通过单独设计颜色方案，确保白天和夜晚的视觉效果一致。
作者为什么决定不添加主题切换按钮？
作者认为用户更倾向于使用系统设置的主题，添加按钮可能会给用户带来困扰。
如何实现网站的自动构建和发布？
网站集成了GitHub Actions，实现自动构建和发布，避免手动部署的繁琐。
作者在字体选择上遇到了什么问题？
作者希望使用楷体，但由于浏览器兼容性问题，未能实现。
🏷️
