分享一下我刚做的个人站 /about

[LHRUN]

访问链接 : https://about.songlh.top/

vercel 部署的, 需要翻墙

从开始到结束大概历时半个月, 耗掉了三个周末时光... 要做这个个人站是因为突然有一天在小红书刷到了一个设计大佬的网站, 然后就一直给我推相关文章, 看的是真心痒痒, 认为自己一个做了好几年 C 端的, 搞一个这种酷炫的个人站应该是手拿把掐的 😂, 谁知道做下来才知道自己的动手能力跟不上脑补能力, 在还没开始做时, 脑补了好多高级特效的页面, 但是做的时候才发现自己是除了开发以外是真的菜鸡, 设计和配色太过于青涩, 我还专门在 B 站学了 blender, 但是费了好大劲捏了几个四不像就放弃了. 不过建模是真的有成就感, 如果有时间我是想要深入一下的, 说不定会碰撞出不一样的火花

截图贴下面了, 算是一个删删减减掉各种奇怪动效后自认为比较美观的版本, 欢迎访问提建议 👻, 建议 PC 端, 也欢迎大佬们贴一下你们的网站, 互相观摩学习 🐶

[LHRUN]

@shui14 你这个动效也可以的，我研究了好多这种，但总是做的不满意，最初我是想要做一个沙漠的巨型背景 3d, 但是能力跟不上 就放弃了 😂

[falcon05]

这个壁纸不错啊

[7gugu]

@LHRUN #39 我已经是外网环境了，但是连不上你的站点。会提示“连接到 about.songlh.top 时发生错误。SSL 接收到一个超出最大准许长度的记录。”

[7gugu]

@LHRUN #39 我知道了，是因为我本地的代理服务器配置有问题，用手机访问就可以了

[jatshw]

好看 🐴一个 等开源！

[ired]

COOL

[kiroli]

字体不错

[needpp]

Application error: a client-side exception has occurred (see the browser console for more information).

[gogogo1203]

@needpp 你的浏览器应该是有什么插件照成的.

[SuperDaFu]

虽然很慢，但是很炫

[a67793581]

还是你们前端会玩,我觉得太花哨了.

[cue]

国内 HR：什么花里胡哨的，带简历了吗？带了是吧，好的，再把这个登记表填一下。

[lessurliu]

好像打不开，我已经转了快一分钟了，然后显示无法访问

[Tink]

https://tink.im/

[Tink]

前端智障的

[shui14]

@LHRUN 这就是现成的 boom 组件，调下参数。实际花心思的地方是鼠标，跟 gasp 一样，着色器变量加层 framer motion ，有个 shader 的播放器我没放出来，网页主动操作只有鼠标，拓展了一下
如果只是单一小场景，three 也可以做渲染器，都是现成的模块，慢慢就了解了。我记得 nasa 有个火星表面的场景，搜一下 nasa renderer 试试，就把它那个场景用 ai 套用风格生成沙漠就可以了

[SuXuan]

看了上面大佬们的都太酷了,希望有一天我也能整出来一个

[youngteam99]

期待开源🥰

[LHRUN]

@a67793581 哈哈 这就看取舍了， 我是由 堆特效 到 极简风 再到现在想找到一个设计风格过渡的。

[LHRUN]

@lessurliu vercel 对国内太不友好了，我可能会在开源前转到 github page