最开始,这里只是一个很简单的个人主页。我们先做出了首页,保留了多语言的悬浮问候模块,然后不断调整小屏适配,让它在不同窗口宽度下都能看起来正常。
页面和目录
之后我们把 Blog 作为文章入口,做了博客目录和文章页模板,并保留统一的导航栏和 Find me 联系栏。后来又整理了根目录、中文、日文和英文的多语言目录结构。
阅读体验
文章页里,我们设计了左侧文章目录,让它可以折叠,也加入了返回顶部按钮,修复了锚点跳转被导航栏遮挡的问题,并把文章正文重新调整到更舒服的位置。
风格细节
最后,我们继续打磨玻璃材质、语言下拉菜单、社交图标、GitHub 入口、黑夜模式、代码块和一些小动画。这个博客不是一次完成的,而是在很多细小选择里慢慢变完整的。