
我的个人主页搭建记录

写在前面
终于迎来了这一天!
我拥有了自己的个人主页~
tips:
https://www.hxrch.top
以下为内心独白:
嘲讽完了,现在来进入正题。
灵感💡
这件事情已经是拖了很久的了。自我个人博客刚在Vercel部署后的一两个月(2023.10左右),我就开始盘算着,何时我也能有一个属于自己的个人主页,相当于一个自己的互联网名片,当时就是觉得搭建一个个人主页可以大大提升我自身的成就感,且不亚于搭建个人博客所带来的。
但是这样的想法似乎并没有持续多久——因为当时我已经深深地被florr.io这款页游深深的吸引住了,也是从那时起,我开始了为数不多的剪辑工作,在B站投稿了我的第一条视频。在我沉迷这款游戏的那段日子里,我每次打开电脑时,身体都会不受控制地玩起了florr,可能是由于那种矛盾心理的存在,在做个人开发与玩游戏之间,相信大多数人也都会选择放弃个人开发,毕竟哪会有人能抵得住玩游戏这一比较放松的事情啊。为我自己开发一个个人主页网站的任务就这么被搁置了。
这一放,就是近乎两年。
早在2024年2月这个正值春节喜庆氛围的日子里,我的florr账号就已被Permanently Ban
(永久封禁)了,原因是共号被举报了。我当时也确实没有明白凭什么一个小小的页游都要把共号这件事抓得这么严,甚至到了封号的地步,人家很多大型游戏都没有这样的限制,但这事过都过了,也没什么需要阐明的了。
账号被封了后,我特别难受,总感觉放不下这事,我当时又去测了一遍MBTI
,我甚至直接从e人变成了i人!!(虽然我本来也并没有特别e)
而2025年开始,我就不得不忙于中考的备考事务了,中考前的八九个月我已全面停止开发及维护任何项目。换来的是还算不错的中考成绩。
虽然中考后的这个暑假是基本没有作业的(只是初中学校没有,高中学校还是稍微布置了一些,Emmm即便我初高中是在同一所学校),我正打算开发一个个人主页,但是由于我太热爱数学了,中考完后仍然不肯放下,即便不是数竞生也想表达一下自己(又菜又爱玩),于是放假后接触电脑的时间大部分都花在了写数学相关的文章上面。到目前也就发表了三四篇文章,应该没什么人看,但是我个人觉得还是成就感满满的。
那么回到正题,为自己搭建个人主页这件事就这样一直拖延到了2025年7月29日的晚上,也就是三天前。最开始我在考虑是否需要我自己从零开始写代码:排版布局、做样式、写交互……然而我很快找到了反驳这一做法的至少三点理由:
- 自己从零开始写代码耗时太长,耗费精力多,后续维护难度大;
- 由于中考这一年我几乎没有写过代码,CSS样式等可能有所遗忘或技术退步;
- 我当时还没有想明白具体要开发什么风格的个人主页,页面结构也还没有定稿;
现在选择就很明确了,我只能利用一些现成的个人主页模板或进行改编,在互联网上一番探索后,找到了一些我比较欣赏的:
- 权朝阳 | 矩阵革命,这位不得不提,真的是前端方面的大奆佬,尤其是TA的个人主页2.0版本的设计,通过3D立体视觉效应配合鼠标滚轮动画,绝对是一流的。相比之下,我的能力还是太太太有限了
(其实并不能相提并论)。

- SimonAKing,这位的前端技术也比较强,尤其是TA主页的背景动画设计十分艳丽,而且还是交互式的,用户可以通过鼠标拖动来激活这些样式。

- Zyyo,这一位的个人页面并没有很突出,但是各样式布局都还算是不错的,页面整体比较有规划。这也是我目前正在使用的一款开源项目,这款个人页面的开发者还提供了
加收¥20的带后台的PHP版本
,但我觉得我并不需要,就以我目前的前端能力来说。开源地址在这里:https://github.com/ZYYO666/homepage/.

我的灵感💡由此迸发~
于是我就开始改造改项目,没有Fork
,在原版的基础上稍微改了改一些样式:就如黑夜模式的背景逻辑被我改为不再是纯黑色,而是另一张背景图,我个人觉得还是不错的(虽然用的是本博客主页的黑夜模式的同一个背景图),加上了原有的高斯模糊,整个页面看起来还是挺秀的。
此外左下角的个人事件时间轴也花费了我很大心思。为了尽可能追根溯源我在互联网上的痕迹,我不得不去各大与开发相关的网站中寻找注册时间等等,甚至如Vercel这一种找不到注册时间的,只能回头翻我的邮箱收件箱了T_T,好在我几乎没有删过邮件,像这些验证码、注册的邮件的保存还是挺不错的。
当然还有许多我对这款个人主页的小改造,此处予以省略……
成果🍎
由此一来,个人主页在经过我的修修补补后大功告成了!地址为https://www.hxrch.top
以下为效果图。

持续完善
后续还会有对个人主页的持续优化,包括但不限于页面结构、页面样式等,大家记得常来呀٩(•̤̀ᵕ•̤́๑)ᵒᵏᵎᵎᵎᵎ
- 标题: 我的个人主页搭建记录
- 作者: Horean0574
- 创建于 : 2025-08-01 08:08:12
- 更新于 : 2025-08-01 08:55:43
- 链接: https://blog.hxrch.top/posts/456ec4d3/
- 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。