V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
LHRUN
V2EX  ›  分享创造

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

  •  2
     
  •   LHRUN ·
    LHRUN · 91 天前 · 10930 次点击
    这是一个创建于 91 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    vercel 部署的, 需要翻墙

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

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

    第 1 条附言  ·  91 天前
    感谢 V 友支持, 代码已开源。欢迎魔改 😂
    https://github.com/LHRUN/one-space
    第 2 条附言  ·  87 天前
    增加了一个深色模式的切换 👻 , 现在应该没有人会有深色模式的问题了
    129 条回复    2024-09-29 09:44:02 +08:00
    1  2  
    matthewzhong
        1
    matthewzhong  
       91 天前
    漂亮,建议开源
    HMYDK
        2
    HMYDK  
       91 天前
    不错呀 👍
    alphardex
        3
    alphardex  
       91 天前   ❤️ 9
    还不错,贴贴我的: https://haobinwang-2023.netlify.app/
    wogogoing
        4
    wogogoing  
       91 天前 via iPhone
    你们的个人站都好酷
    Martinez
        5
    Martinez  
       91 天前
    实在太漂亮了!
    littlejackyxu
        6
    littlejackyxu  
       91 天前
    这种风格我喜欢!
    miludeerKay
        7
    miludeerKay  
       91 天前 via Android
    哥们,这太艺术了
    EricYuan1
        8
    EricYuan1  
       91 天前 via iPhone
    歪,博客都用英文写的啊
    llllker
        9
    llllker  
       91 天前
    很酷啊,想学习一下
    blakezhaothinks
        10
    blakezhaothinks  
       91 天前
    开源吗老哥
    zhuoyan
        11
    zhuoyan  
       91 天前
    好看
    geekareas
        12
    geekareas  
       91 天前
    @alphardex 你这个也好有创意,动画过渡太顺滑了,水波纹效果是不是很吃性能
    YvesX
        13
    YvesX  
       91 天前
    好看
    ashin
        14
    ashin  
       91 天前 via iPhone
    LHRUN
        15
    LHRUN  
    OP
       91 天前
    @matthewzhong
    @blakezhaothinks
    肯定的,不过是想着先发出来,看看大家的建议和看法, 省的是我审美自嗨 😂 ,这两天我会进行一些微调和优化,尽量把代码也调整的整洁一些,然后再开源
    LHRUN
        16
    LHRUN  
    OP
       91 天前
    @alphardex 牛逼 我对 3D 是个小白,今年才接触,向你学习
    LHRUN
        17
    LHRUN  
    OP
       91 天前
    @EricYuan1 这是当时那个开源想推一下海外,所以就写了一些发到了英文的论坛上了
    19960623lyf
        18
    19960623lyf  
       91 天前
    牛的
    LHRUN
        19
    LHRUN  
    OP
       91 天前
    aladd
        20
    aladd  
       91 天前
    别逼我球你哈!赶紧开源!我朋友说他很喜欢,他想要,不是我,我没别的意思,你别误会。
    xinyu391
        21
    xinyu391  
       91 天前
    有点卡,电脑 cpu 飙升。
    piersonpeng
        22
    piersonpeng  
       91 天前
    期待开源,老哥
    LHRUN
        23
    LHRUN  
    OP
       91 天前
    @ashin 可以的 很整洁 👍
    roma
        24
    roma  
       91 天前
    @ashin 网站访问极慢,
    forschers
        25
    forschers  
       91 天前
    真的好看 高级
    JamesFisher
        26
    JamesFisher  
       91 天前
    太酷啦
    freemyspace
        27
    freemyspace  
       91 天前
    真好看
    seamonster
        28
    seamonster  
       91 天前
    mark ,开源了哪位大哥踢我一脚
    blessingcr
        29
    blessingcr  
       91 天前
    wc 太特么帅了 开源了踢我一下
    iyahd
        30
    iyahd  
       91 天前
    mark ,开源了哪位大哥踢我一脚
    edz
        31
    edz  
       91 天前
    说实话有个脑子一直在中间转转有点怪
    Clannad0708
        32
    Clannad0708  
       91 天前
    太厉害了,没开过的选手表示羡慕
    tinyzilan123
        33
    tinyzilan123  
       91 天前
    蹲一个,期待开源
    iceblueCat
        34
    iceblueCat  
       91 天前
    进不去,一直在转圈
    shui14
        35
    shui14  
       91 天前
    你的完成度还挺高的
    https://doodle-beta.vercel.app/
    烂尾了,没时间整。现在手机挺强的,一般的办公笔记本也可以。视觉效果可以重返 flash 时代,我看到别人做的 wgsl 比 glsles3 要好
    7gugu
        36
    7gugu  
       91 天前
    看截图很漂亮,但是 Chrome 和 Firefox 都进不去😂
    makizhang
        37
    makizhang  
       91 天前 via Android
    666 喜欢,等一个开源
    LHRUN
        38
    LHRUN  
    OP
       91 天前
    @xinyu391 会尽可能的再优化一些细节
    LHRUN
        39
    LHRUN  
    OP
       91 天前
    @iceblueCat
    @7gugu
    需要翻墙,然后有一个 glb 文件大概 2m 多,如果不稳定的话可能是要慢一些,最初是 18m ,慢的我都麻了 😂
    OrangeDark
        40
    OrangeDark  
       91 天前
    很酷诶
    LHRUN
        41
    LHRUN  
    OP
       91 天前
    @shui14 你这个动效也可以的,我研究了好多这种,但总是做的不满意,最初我是想要做一个沙漠的巨型背景 3d, 但是能力跟不上 就放弃了 😂
    falcon05
        42
    falcon05  
       91 天前
    这个壁纸不错啊
    7gugu
        43
    7gugu  
       91 天前
    @LHRUN #39 我已经是外网环境了,但是连不上你的站点。会提示“连接到 about.songlh.top 时发生错误。SSL 接收到一个超出最大准许长度的记录。”
    7gugu
        44
    7gugu  
       91 天前
    @LHRUN #39 我知道了,是因为我本地的代理服务器配置有问题,用手机访问就可以了
    jatshw
        45
    jatshw  
       91 天前
    好看 🐴一个 等开源!
    ired
        46
    ired  
       91 天前
    COOL
    kiroli
        47
    kiroli  
       91 天前
    字体不错
    needpp
        48
    needpp  
       91 天前
    Application error: a client-side exception has occurred (see the browser console for more information).
    gogogo1203
        49
    gogogo1203  
       91 天前
    @needpp 你的浏览器应该是有什么插件照成的.
    SuperDaFu
        50
    SuperDaFu  
       91 天前
    虽然很慢,但是很炫
    a67793581
        51
    a67793581  
       91 天前
    还是你们前端会玩,我觉得太花哨了.
    cue
        52
    cue  
       91 天前
    国内 HR:什么花里胡哨的,带简历了吗?带了是吧,好的,再把这个登记表填一下。
    lessurliu
        53
    lessurliu  
       91 天前
    好像打不开,我已经转了快一分钟了,然后显示无法访问
    Tink
        54
    Tink  
       91 天前
    Tink
        55
    Tink  
       91 天前
    前端智障的
    shui14
        56
    shui14  
       91 天前
    @LHRUN 这就是现成的 boom 组件,调下参数。实际花心思的地方是鼠标,跟 gasp 一样,着色器变量加层 framer motion ,有个 shader 的播放器我没放出来,网页主动操作只有鼠标,拓展了一下
    如果只是单一小场景,three 也可以做渲染器,都是现成的模块,慢慢就了解了。我记得 nasa 有个火星表面的场景,搜一下 nasa renderer 试试,就把它那个场景用 ai 套用风格生成沙漠就可以了
    SuXuan
        57
    SuXuan  
       91 天前
    看了上面大佬们的都太酷了,希望有一天我也能整出来一个
    youngteam99
        58
    youngteam99  
       91 天前
    期待开源🥰
    LHRUN
        59
    LHRUN  
    OP
       91 天前
    @a67793581 哈哈 这就看取舍了, 我是由 堆特效 到 极简风 再到现在想找到一个设计风格过渡的。
    LHRUN
        60
    LHRUN  
    OP
       91 天前
    @lessurliu vercel 对国内太不友好了,我可能会在开源前转到 github page
    LHRUN
        61
    LHRUN  
    OP
       91 天前
    @cue 哈哈 已经想要放弃国内了, 也是想要做一些内容看看有没有机会转到海外 😂
    LHRUN
        62
    LHRUN  
    OP
       91 天前
    @shui14 厉害,感谢指导。。我研究研究
    LHRUN
        63
    LHRUN  
    OP
       91 天前
    @Tink 我好像之前看到过你的,这种风格也挺酷的
    LKsss
        64
    LKsss  
       91 天前
    不错的,喜欢,开源了踢踢我!
    flamehua
        65
    flamehua  
       91 天前
    我承认,你很 Nice
    hero1874
        66
    hero1874  
       91 天前
    等一个开源 太好看了
    WhateverYouLike
        67
    WhateverYouLike  
       91 天前
    厉害呀楼主,专业前端就该多搞一些这种有设计感的站点,请问技术栈主要是什么呢?我觉得我要是做的话,就多参考一些 codrops 和 gsap 的例子,就是不知道素材哪里找。
    LHRUN
        68
    LHRUN  
    OP
       91 天前
    @WhateverYouLike 我感觉不用太过于关心技术栈,用你擅长的就行,主要是灵感和想法,我最近一直在看一些设计大佬们的个站,可以找找感觉,国外的一些做的是真的漂亮,艺术品不为过。

    具体素材我也不知道在哪找,可以在小红书搜搜相关的关键词 😂
    hellodigua
        69
    hellodigua  
       91 天前
    @alphardex 好酷
    c0okies
        70
    c0okies  
       91 天前
    好漂亮~~~
    nealHuang
        71
    nealHuang  
       91 天前
    不错哟,文章字体很舒服,不过中文字体倒是一般般,期待开源
    armantang
        72
    armantang  
       91 天前
    感觉这个脑子在正中间有点影响阅读体验😂
    From313
        73
    From313  
       91 天前
    哥们儿太帅了这个❤️
    dandycheung
        74
    dandycheung  
       91 天前 via Android
    很不错。提个意见:滚动浏览时候,对浏览器历史的污染太严重了。
    shiny
        75
    shiny  
       91 天前
    https://teal.press/zh-CN
    klamx
        76
    klamx  
       91 天前
    @needpp 应该 config 关了啥功能,我的 firefox 也打不开,同样报错,chrome 我没动过设置,就能打开了。
    klamx
        77
    klamx  
       91 天前
    @shiny 牛的,下划线做了好几个样式
    lizhenda
        78
    lizhenda  
       91 天前
    效果很棒,很用心啊
    LHRUN
        79
    LHRUN  
    OP
       91 天前   ❤️ 1
    感谢以上 V 友的捧场,最快今晚或者明天会开源,我到时候 @ 你们 😎
    Daotin
        80
    Daotin  
       91 天前
    赞👍
    Geraltt
        81
    Geraltt  
       91 天前
    审美很棒
    duli950523
        82
    duli950523  
       91 天前
    打不开
    Alisson
        83
    Alisson  
       91 天前
    很好看,期待开源
    andforce
        84
    andforce  
       91 天前
    @LHRUN #79 你就等着我 fork 然后吃灰去吧
    iceprosurface
        85
    iceprosurface  
       91 天前
    @alphardex 很漂亮,但是阅读体验太差了,感觉只适合做个展示
    heartdream
        86
    heartdream  
       91 天前
    那个头像模型是怎么生成的
    amber0317
        87
    amber0317  
       91 天前
    非常炫酷!

    个人觉得文字排版还有优化空间,比如分段分行,不要全居中,字重稍微小一些,字距感觉也可以稍微拉大,方便阅读。行距很漂亮。
    0571panwell
        88
    0571panwell  
       91 天前
    很不错啊 ,佩服!
    sayid
        89
    sayid  
       91 天前
    OP 做的很不错。我也分享一下我的:

    https://sayidhe.com
    sikuu2al
        90
    sikuu2al  
       91 天前
    很好看!蹲开源!
    WhateverYouLike
        91
    WhateverYouLike  
       91 天前 via iPhone
    @LHRUN 倒不是说 react 或者 angular 那种框架技术栈,而是类似滚动、视差、3d 动画、交互这些实现方式,从头手撸还是不如有趁手工具吧🤨
    loading
        92
    loading  
       91 天前
    挺好,贴下我的,主要看域名:

    https://sync.sh
    itisqiang
        93
    itisqiang  
       91 天前
    OP 做的很好看!
    ccbikai
        94
    ccbikai  
       91 天前
    Amose2024
        95
    Amose2024  
       91 天前
    英文水平稀烂啊🤨但挺好看
    gogogo1203
        96
    gogogo1203  
       91 天前   ❤️ 1
    @Amose2024 哎哟. 你的英语有多少来秀秀啊. 搞这种煤油灯, 没前途的.
    Amose2024
        97
    Amose2024  
       91 天前
    @gogogo1203 话都说不流利,戾气这么重-.-
    gogogo1203
        98
    gogogo1203  
       91 天前
    @Amose2024 水平稀烂啊🤨ge 着职场 pua 呢
    gongquanlin
        99
    gongquanlin  
       91 天前
    127.0.0.1 了吗……
    Rwq8xlHrBAi0ct2w
        100
    Rwq8xlHrBAi0ct2w  
       91 天前
    期待开源 另外能分享下 “设计大佬的网站” 么😁
    1  2  
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1040 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 19:22 · PVG 03:22 · LAX 11:22 · JFK 14:22
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.