515 字
3 分钟
对个人主页进行了重构并迁移了框架
重构后

也是对个人主页操刀重构了,原来那一版太石山了,再加上很多组件都是现搓的,导致后续维护和优化十分麻烦,于是改用了next.js
next.js好处都有啥?
改用了 Next.js 之后,最大的感触就是有很多现成的组件可以直接引用,不用自己动手造轮子了,写起来非常舒服。而且得益于良好的首屏加载优化,实际的用户体验肯定是要比原来的那个站点更好的。
新站点仍然延续旧站的暗黑风格,同时将原来的圆角UI改成了方形(深受磁贴效果影响),感觉整体来说还是比以前更耐看一点()()()
调整
btw,这次还创新地新增了标题点阵风格,鼠标移动到点阵会有排斥崩坏的效果,这点也是非常的 amazing 了。背景动画也改用了斐波那契图案的排列,同时也是经由克劳德大人精心优化了页脚和设计,看起来也就更耐用了
同时也对页面滚动的元素加载动效做出了优化,现在会有淡出淡入的模糊效果,爱来自克劳德老师傅
值得一提的是重构之后的版本是目前GitHub仓库的main分支,而旧站点则迁移到了old分支,欢迎各位前来学习
小巧思
对站点做了点小巧思设计,最大化地利用了空间:
- 长按右下角“返回顶部”的按钮,可以展开一个二级菜单,显示音乐播放器;
- 双击“返回顶部”的按钮,则可以切换下一首歌曲。
以后也会把这个按钮做出更多新花样来。
同时还留下了一点小彩蛋,等待大家挖掘()
END
其余也没啥好说的了喵,大伙可以访问++re.zh.kg++来进行预览
也欢迎各位来给我点点star谢谢喵
++https://github.com/Flygeon/Profile-page++
1
对个人主页进行了重构并迁移了框架
https://flygeon.top/posts/profile-reconstruct/ 相关文章
12345
简单做了一个 Flutter 架构开发的跨平台媒体库,简单记录一下开发历程
有趣的项目由于神人微软的 Windows 媒体管理过于混乱,音频、视频、图片各管各的,导致用起来非常难受。于是我就简单写了一个媒体库,使用 Material Design 风格将这些媒体聚集在一起,方便了管理。
开发了一个个人导航页
有趣的项目一款基于 Svelte 5 + Vite 6 的暗黑风个人导航页,具有包含动态粒子特效、音乐播放器、博客文章时间线显示等功能,可以通过 Cookie 持久化用户设置,适配移动端与桌面端。
做了一个可以让大家视奸我的网站
有趣的项目欢迎大家访问me.flygeon.top来视奸我喵
使用 AI 推理一键获取人声 MIDI:Vocal2Midi 项目体验
有趣的项目基于 Qwen3-ASR 与 GAME 模型的人声转 MIDI 工具 Vocal2Midi 体验分享,支持一键生成 MIDI / USTX / 对齐辅助文件,适配 UTAU、Vocaloid 等虚拟歌姬工作流。
为你的博客生成封面图吧
有趣的项目基于 afroim/easy_cover 二次开发的博客封面生成工具,新增深色模式、配置保存与导入导出,方便风格复用。
随机文章
12345
关于我的常用软件
分享总结一下我的一些常用软件
解决fuwari博客使用umami统计访问量时重复统计问题
教程本文解决在fuwari博客主题中使用umami进行访问量统计时有时会出现重复计算的问题
哎我去这个Pages CMS真神了
教程通过向你的静态博客仓库导入Pages CMS实现在浏览器里优雅地管理你的文章
一次 Swup 客户端导航的踩坑:从整页刷新到目录消失
折腾记录记录修复博客导航 bug 的全过程——删掉一个看似多余的整页刷新脚本后,目录(TOC)反而消失了,最终发现根因是侧边栏不在 Swup 的容器列表中。
记一次导航栏栏无法展开二级菜单的bug修复
折腾记录屎山代码发力了,排查半天发现压根不是导航栏的问题,真凶另有其人