这是一个创建于 429 天前的主题，其中的信息可能已经有所发展或是发生改变。
访问链接 : https://about.songlh.top/
vercel 部署的, 需要翻墙
从开始到结束大概历时半个月, 耗掉了三个周末时光... 要做这个个人站是因为突然有一天在小红书刷到了一个设计大佬的网站, 然后就一直给我推相关文章, 看的是真心痒痒, 认为自己一个做了好几年 C 端的, 搞一个这种酷炫的个人站应该是手拿把掐的 , 谁知道做下来才知道自己的动手能力跟不上脑补能力, 在还没开始做时, 脑补了好多高级特效的页面, 但是做的时候才发现自己是除了开发以外是真的菜鸡, 设计和配色太过于青涩, 我还专门在 B 站学了 blender, 但是费了好大劲捏了几个四不像就放弃了. 不过建模是真的有成就感, 如果有时间我是想要深入一下的, 说不定会碰撞出不一样的火花
截图贴下面了, 算是一个删删减减掉各种奇怪动效后自认为比较美观的版本, 欢迎访问提建议 , 建议 PC 端, 也欢迎大佬们贴一下你们的网站, 互相观摩学习
第 1 条附言 2024-09-26 00:55:41 +08:00
感谢 V 友支持, 代码已开源。欢迎魔改
https://github.com/LHRUN/one-space
https://github.com/LHRUN/one-space
第 2 条附言 2024-09-29 18:13:23 +08:00
增加了一个深色模式的切换 , 现在应该没有人会有深色模式的问题了
 | 1 matthewzhong 2024-09-25 08:31:08 +08:00 漂亮，建议开源 |
 | 2 HMYDK 2024-09-25 08:33:33 +08:00 不错呀 |
 | 3 alphardex 2024-09-25 08:41:27 +08:00  9 还不错，贴贴我的： https://haobinwang-2023.netlify.app/ |
 | 4 wogogoing PRO 你们的个人站都好酷 |
 | 5 Martinez 2024-09-25 08:53:45 +08:00 实在太漂亮了！ |
 | 6 littlejackyxu 2024-09-25 08:57:06 +08:00 这种风格我喜欢！ |
 | 7 miludeerKay 2024-09-25 09:02:29 +08:00 via Android 哥们，这太艺术了 |
 | 8 EricYuan1 2024-09-25 09:04:45 +08:00 via iPhone 歪，博客都用英文写的啊 |
 | 9 llllker 2024-09-25 09:05:13 +08:00 很酷啊，想学习一下 |
 | 10 blakezhaothinks 2024-09-25 09:07:57 +08:00 开源吗老哥 |
 | 11 zhuoyan 2024-09-25 09:12:06 +08:00 好看 |
 | 13 YvesX 2024-09-25 09:15:17 +08:00 好看 |
 | 14 ashin 2024-09-25 09:15:28 +08:00 via iPhone |
 | 15 LHRUN OP @matthewzhong @blakezhaothinks 肯定的，不过是想着先发出来，看看大家的建议和看法， 省的是我审美自嗨 ，这两天我会进行一些微调和优化，尽量把代码也调整的整洁一些，然后再开源 |
 | 18 xj3hd 2024-09-25 09:29:49 +08:00 牛的 |
| 19 LHRUN OP |
 | 20 aladd 2024-09-25 09:31:17 +08:00 别逼我球你哈！赶紧开源！我朋友说他很喜欢，他想要，不是我，我没别的意思，你别误会。 |
 | 21 xinyu391 2024-09-25 09:31:46 +08:00 有点卡，电脑 cpu 飙升。 |
 | 22 piersonpeng 2024-09-25 09:32:23 +08:00 期待开源，老哥 |
 | 25 forschers 2024-09-25 09:34:02 +08:00 真的好看 高级 |
 | 26 JamesFisher 2024-09-25 09:34:54 +08:00 太酷啦 |
 | 27 freemyspace 2024-09-25 09:42:33 +08:00 真好看 |
 | 28 seamonster 2024-09-25 09:48:44 +08:00 mark ，开源了哪位大哥踢我一脚 |
 | 29 blessingcr 2024-09-25 09:51:42 +08:00 wc 太特么帅了 开源了踢我一下 |
 | 30 iyahd 2024-09-25 09:52:22 +08:00 mark ，开源了哪位大哥踢我一脚 |
 | 31 edz 2024-09-25 09:54:56 +08:00 说实话有个脑子一直在中间转转有点怪 |
 | 32 Clannad0708 2024-09-25 09:59:45 +08:00 太厉害了，没开过的选手表示羡慕 |
 | 33 tinyzilan123 2024-09-25 10:01:56 +08:00 蹲一个，期待开源 |
 | 34 ajxlu 2024-09-25 10:22:01 +08:00 进不去，一直在转圈 |
 | 35 shui14 2024-09-25 10:23:01 +08:00 你的完成度还挺高的 https://doodle-beta.vercel.app/ 烂尾了，没时间整。现在手机挺强的，一般的办公笔记本也可以。视觉效果可以重返 flash 时代，我看到别人做的 wgsl 比 glsles3 要好 |
 | 36 7gugu 2024-09-25 10:23:44 +08:00 看截图很漂亮，但是 Chrome 和 Firefox 都进不去 |
 | 37 makizhang 2024-09-25 10:29:39 +08:00 via Android 666 喜欢，等一个开源 |
| 39 LHRUN OP |
 | 40 OrangeDark 2024-09-25 10:42:30 +08:00 很酷诶 |
| 41 LHRUN OP @shui14 你这个动效也可以的，我研究了好多这种，但总是做的不满意，最初我是想要做一个沙漠的巨型背景 3d, 但是能力跟不上 就放弃了 |
 | 42 GG668v26Fd55CP5W 2024-09-25 10:47:36 +08:00 这个壁纸不错啊 |
| 43 @LHRUN #39 我已经是外网环境了，但是连不上你的站点。会提示“连接到 about.songlh.top 时发生错误。SSL 接收到一个超出最大准许长度的记录。” |
 | 45 jatshw 2024-09-25 10:54:49 +08:00 好看 一个 等开源！ |
 | 46 ired 2024-09-25 10:58:44 +08:00 COOL |
 | 47 kiroli 2024-09-25 11:01:03 +08:00 字体不错 |
 | 48 needpp 2024-09-25 11:06:07 +08:00 Application error: a client-side exception has occurred (see the browser console for more information). |
 | 49 gogogo1203 2024-09-25 11:12:02 +08:00 @needpp 你的浏览器应该是有什么插件照成的. |
 | 50 SuperDaFu 2024-09-25 11:12:52 +08:00 虽然很慢，但是很炫 |
 | 51 a67793581 2024-09-25 11:14:25 +08:00 还是你们前端会玩,我觉得太花哨了. |
 | 52 cue 2024-09-25 11:14:48 +08:00 国内 HR：什么花里胡哨的，带简历了吗？带了是吧，好的，再把这个登记表填一下。 |
 | 53 lessurliu 2024-09-25 12:01:21 +08:00 好像打不开，我已经转了快一分钟了，然后显示无法访问 |
 | 54 Tink PRO |
| 55 Tink PRO 前端智障的 |
| 56 shui14 2024-09-25 12:44:34 +08:00 @LHRUN 这就是现成的 boom 组件，调下参数。实际花心思的地方是鼠标，跟 gasp 一样，着色器变量加层 framer motion ，有个 shader 的播放器我没放出来，网页主动操作只有鼠标，拓展了一下 如果只是单一小场景，three 也可以做渲染器，都是现成的模块，慢慢就了解了。我记得 nasa 有个火星表面的场景，搜一下 nasa renderer 试试，就把它那个场景用 ai 套用风格生成沙漠就可以了 |
 | 57 SuXuan 2024-09-25 12:49:03 +08:00 看了上面大佬们的都太酷了,希望有一天我也能整出来一个 |
 | 58 youngteam99 2024-09-25 13:10:23 +08:00 期待开源 |
 | 64 LKsss 2024-09-25 13:49:09 +08:00 不错的，喜欢，开源了踢踢我！ |
 | 65 flamehua 2024-09-25 13:52:14 +08:00 我承认，你很 Nice |
 | 66 hero1874 2024-09-25 14:03:56 +08:00 等一个开源 太好看了 |
 | 67 WhateverYouLike 2024-09-25 14:04:34 +08:00 厉害呀楼主，专业前端就该多搞一些这种有设计感的站点，请问技术栈主要是什么呢？我觉得我要是做的话，就多参考一些 codrops 和 gsap 的例子，就是不知道素材哪里找。 |
| 68 LHRUN OP @WhateverYouLike 我感觉不用太过于关心技术栈，用你擅长的就行，主要是灵感和想法，我最近一直在看一些设计大佬们的个站，可以找找感觉，国外的一些做的是真的漂亮，艺术品不为过。 具体素材我也不知道在哪找，可以在小红书搜搜相关的关键词 |
 | 69 hellodigua 2024-09-25 14:28:21 +08:00 @alphardex 好酷 |
 | 70 c0okies 2024-09-25 14:42:29 +08:00 好漂亮～～～ |
 | 71 nealHuang 2024-09-25 14:44:24 +08:00 不错哟，文章字体很舒服，不过中文字体倒是一般般，期待开源 |
 | 72 armantang 2024-09-25 14:50:26 +08:00 感觉这个脑子在正中间有点影响阅读体验 |
 | 73 From313 2024-09-25 14:50:49 +08:00 哥们儿太帅了这个 |
 | 74 dandycheung 2024-09-25 14:51:33 +08:00 via Android 很不错。提个意见：滚动浏览时候，对浏览器历史的污染太严重了。 |
 | 75 shiny PRO https://teal.press/zh-CN |
 | 76 klamx 2024-09-25 15:26:46 +08:00 @needpp 应该 config 关了啥功能，我的 firefox 也打不开，同样报错，chrome 我没动过设置，就能打开了。 |
 | 78 lizhenda 2024-09-25 15:38:28 +08:00 效果很棒，很用心啊 |
| 79 LHRUN OP 1 感谢以上 V 友的捧场，最快今晚或者明天会开源，我到时候 @ 你们 |
 | 80 Daotin 2024-09-25 15:46:59 +08:00 赞 |
 | 81 Geraltt 2024-09-25 16:25:43 +08:00 审美很棒 |
 | 82 rm2788 2024-09-25 16:43:15 +08:00 打不开 |
 | 83 Alisson 2024-09-25 17:27:18 +08:00 很好看，期待开源 |
 | 85 iceprosurface 2024-09-25 17:37:02 +08:00 @alphardex 很漂亮，但是阅读体验太差了，感觉只适合做个展示 |
 | 86 heartdream 2024-09-25 17:41:05 +08:00 那个头像模型是怎么生成的 |
 | 87 amber0317 2024-09-25 18:00:35 +08:00 非常炫酷！ 个人觉得文字排版还有优化空间，比如分段分行，不要全居中，字重稍微小一些，字距感觉也可以稍微拉大，方便阅读。行距很漂亮。 |
 | 88 0571panwell 2024-09-25 18:29:38 +08:00 很不错啊 ，佩服！ |
 | 89 sayid 2024-09-25 18:33:16 +08:00 |
 | 90 sikuu2al 2024-09-25 19:02:19 +08:00 很好看！蹲开源！ |
| 91 WhateverYouLike 2024-09-25 19:06:13 +08:00 via iPhone @LHRUN 倒不是说 react 或者 angular 那种框架技术栈，而是类似滚动、视差、3d 动画、交互这些实现方式，从头手撸还是不如有趁手工具吧 |
 | 92 loading 2024-09-25 19:08:31 +08:00 |
 | 93 itisqiang 2024-09-25 19:14:08 +08:00 OP 做的很好看！ |
 | 94 ccbikai PRO |
 | 95 Amose2024 2024-09-25 20:10:24 +08:00 英文水平稀烂啊但挺好看 |
| 96 gogogo1203 2024-09-25 20:19:07 +08:00 1 @Amose2024 哎哟. 你的英语有多少来秀秀啊. 搞这种煤油灯, 没前途的. |
97 Amose2024 2024-09-25 20:44:13 +08:00 @gogogo1203 话都说不流利，戾气这么重-.- |
| 98 gogogo1203 2024-09-25 20:57:20 +08:00 @Amose2024 水平稀烂啊ge 着职场 pua 呢 |
 | 99 gongquanlin 2024-09-25 21:57:45 +08:00 127.0.0.1 了吗…… |
 | 100 Rwq8xlHrBAi0ct2w 2024-09-25 23:35:59 +08:00 期待开源 另外能分享下 “设计大佬的网站” 么 |
Select Language