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