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