🚀 V2.0 重大更新 手记

| 4| 0| 关于本站 1992 字| 7 分钟

说来也真是巧合,从上次更新自己的博客到v1.1.1算起,到今天刚好差不多是一年的时间。

学业、竞赛、科研、创业,这一年一直在为各种各样的事奔波,除了不定时的更新阿里云的SSL证书以外,便再没关注什么与个人博客相关的事。直到一周前朋友突然提起:“诶,你好久没更新网站了”,我才一晃间回过神来,在心里觉得可惜。

创立这里的初衷,便是在互联网上开垦一块属于自己的空间,不定时的投送一些与自己有关的事,算是某种意义上的互联网日记吧。过去一年似乎把这初心给逐步消磨了,越来越陷入一些所谓的人生大事里,被DDL、KPI推动着生活。不知不觉间,已经有很久没有坐下来用心写一些东西了。

image
某个赶DDL的夜晚

这一年的世界变化很快啊,从25年年底的GPT5将将发布,到如今Ai已经能在数学界大杀四方了。回想起这个博客刚刚创立的时候:手动部署的阿里云服务器,对着WordPress找教程学PHP、花好几个晚上逛StackOverFlow、一点点改bug和美术设计。现在看,颇有一种现代人在 CCTV10 看《人类的崛起》里原始人钻木取火的美感。

再加上近段时间的PHP爆雷,我便逐步萌生了将博客整体用新的技术栈重写的想法。几番调研之后决定整体搬迁 Next.js,作为更加现代的web技术,整体来讲应该能获得性能的提升,同时也能更加的自由和“可持续发展”。

image

其实最早的想法是全权交给GPT重新设计一个全新的网站,实际上我也这么做了,抽卡几次后,不乏有令人眼前一亮的设计,不过用下来总觉得提不起兴趣。细细想来,也许是这种对以往设计的全盘抛弃带来的陌生感吧,就如同每一个漂泊半生的异乡人,在华丽的旅馆客房里痛苦地怀念老宅那张每一根榫卯都在吱呀作响的旧木床。

于是我便暂停了一段时间,用细碎的闲暇在心里逐步构思着:

我准备保留原来的封面设计,因为我真的非常喜欢这张我在重庆拍摄的火烧云的图片,它拥有恰到好处的氛围和一些美好的回忆(这是我人生中第一个10w播放的视频的素材来源)。不过Title的动效经过了重新的设计,之前的打字机效果略显古板和陈旧,在一番设计下换成了手写字体的效果,并加入了非线性的速度动画。

image
给Title设计笔顺

这之后,我重新设计了整体的卡片观感,这里我参考了近几年的设计浪潮,不论是苹果的液态玻璃、Win11的磨砂亚克力,还是GTA5流出画面里的新导航界面UI,都证明了毛玻璃效果的统治力。一番思考下来,我把界面的基础视觉效果,改成了带边缘反光的毛玻璃效果,特别是全新的夜间模式(如果你正处于白天模式,你可以点击右下角的月亮按钮进行切换,顺便,你可以看到我全新设计的切换动效),你可以看到染色的黑色玻璃柔和地模糊背景的火烧云,我十分喜欢这一版的美术设计。

卡片里的图片,在几经纠结下,还是选择了渐变的效果,个人觉得更加美观和高级。

同时,我修改了一些细节,例如现在的分类标题,不再是显示在一个块中,而是浮空的标题,并附带一根与封面副标题同款的渐变衬线。再例如,全新设计的时间轴界面,如果你正处于电脑端浏览这个网页,你可以向上滑动一点,将鼠标放在左边栏的年份时间轴上,便可看到全新的动画效果,点击后便可进入全新的时间轴界面。

边栏的设计也变得更加美观,除了刚刚提到的时间轴展开动效以外,Logo多了渐变轮廓,分类标签也变得可展开,更加符合分类逻辑。

接下来,也是我最喜欢的部分之一,我重新设计了Gallery的效果。在以往的WordPress框架下,图片更多是承载在一篇篇推文里。而现在你可以以平铺的方式,看到我的不同艺术作品。这里的灵感来自于Apple Music的专辑墙。

这其实是我想象中Gallery应该有的样子,非常开心在新的框架下实现了。Just 纯净的展示图像 without 任何文字和说明,这何尝不是一件美事。

同样的设计我也用在了 Shelf 里面。

从小到大,我都喜欢在书架的外侧放一些专辑封面/小海报/小摆件,书架在这里充当了一个橱窗的效果,一眼望去,便是我过去听过/看过/玩过的回忆。

新增 Shelf 分类的原因,一定程度上也来自于我女友使用豆瓣的习惯,我总是在闲暇的时候翻阅起她最近在读、在看的书和电影。由于这次的重构给了我更加自由的设计机会,我便在自己的博客加入了一个 mini 版的小豆瓣功能。在这里 你可以将鼠标悬停在某个具体的作品上,看到我对其的评价;也可以点击评论,和我聊聊不一样的看法。现在我也加入了长评功能,可以点击长评按钮查看。

这里的评分采用了5分制的0.5分度机制,个人觉得比豆瓣的1分度合理。这次我一共设计了多版的评分图标,不过一顿操作下来,还是最早设计的极简风格是最喜欢的。

同时,我也重新设计了留言板,现在是以更加美观的气泡样式进行展示:

这样整体的层级关系也会更加明显。

之前框架中的一大遗憾是 Home 界面过于单调和无趣,因为在WordPress框架下,主页只能用来展示说说或文章,而这次大更新,我完整的重构了Home的逻辑,现在,Gallery、Shell、Status、Board的近期内容将被集中展示,我用轮播的效果拓展了视觉空间,你可以试试左右滑动。这是我想象中Home该有的样子,也终于在新版本得到了实现:

以及,在切换分页时候的渐变加载动画、更全面的搜索功能、更好的分类、更优秀的内存管理、更快的图像压缩策略,更快的响应速度。同时在后端上,我也加入了 Ai 审核的功能以及 Ai 协作的 Shelf 内容搜集。

总的来说,这次重构一共耗时五天,手画草图给 Opus 5.5 不断的一点点改设计,也算是最近少有的可以沉浸地干进去的事情了,有时也会熬到很晚,不过不再觉得疲惫,而是略带点兴奋的困意。也许这就是干自己喜欢的事情的意义吧。

非常开心你能看到这里,未来我也会多多更新更多的内容,欢迎多来看看,感谢陪伴!

2026年11月7日夜

评论0

还没有评论,来说第一句吧。

发送评论

Qian’s BlogAI IT 摄影 艺术 日记
分类与专题
站点数据

数据统计

  • 今日浏览量:25
  • 今日访客:2
  • 近 30 天的访问量:2,137
  • 近 365 天的访问量:5,881
  • 总浏览量:13,910
  • 累计访客:5,201
  • 评论总数:31