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