两天时间写了个落地页,欢迎大佬点评 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
HuberyPang
V2EX    分享创造

两天时间写了个落地页,欢迎大佬点评

  •  1
     
  •   HuberyPang 2024-08-14 10:44:43 +08:00 4767 次点击
    这是一个创建于 425 天前的主题,其中的信息可能已经有所发展或是发生改变。

    花两天时间搞了一个项目落地页,现在做页面是真的方便,使用 tailwindcss 在找个 tailwindcss 相关的组件库,就可以搞了,屏幕适配、主题切换、多语言啥的的也很容易。

    cf 加速地址 https://matting.20133075.xyz/ vercel 部署地址 https://matting-website.vercel.app/

    纯前端项目,几乎可以 0 成本部署到公网,域名买个长数字的一年才几块钱,可以用于 cf 加速。

    39 条回复    2024-08-19 10:07:59 +08:00
    ipwx
        1
    ipwx  
       2024-08-14 10:46:47 +08:00
    大佬,有没有开源的打算,跪求!
    zengxs
        2
    zengxs  
       2024-08-14 10:46:48 +08:00
    整体挺不错的,图片感觉可以再优化下
    HuberyPang
        3
    HuberyPang  
    OP
       2024-08-14 11:03:18 +08:00
    @ipwx #1 website 地址 https://github.com/pangxiaobin/matting-website 非专业前端,代码可能不是很好
    HuberyPang
        4
    HuberyPang  
    P
       2024-08-14 11:04:16 +08:00
    @zengxs #2 是太大了么
    HuberyPang
        5
    HuberyPang  
    OP
       2024-08-14 11:07:06 +08:00
    有个疑问,我项目里面设置 了 vercel.json 如下,禁止 gh-pages 分支进行构建,但是 vercel 上还是会进行构建,老是提醒这个分支构建失败,如何解决,gh-pages 分支主要是用来 github pages 展示的。

    {
    "git": {
    "deploymentEnabled": {
    "gh-pages": false
    }
    }
    }
    zengxs
        6
    zengxs  
       2024-08-14 11:18:54 +08:00
    @HuberyPang #4 边角处理有点生硬(图片边缘截断+颜色过渡)不过这些对于 demo 页面来说其实也不算问题
    asLw0P981N0M0TCC
        7
    asLw0P981N0M0TCC  
       2024-08-14 11:24:27 +08:00
    感觉还是差点感觉
    luffy2u
        8
    luffy2u  
       2024-08-14 12:07:14 +08:00
    大佬厉害
    enterwiz
        9
    enterwiz  
       2024-08-14 12:07:26 +08:00
    不错啊,效果挺好的
    Imindzzz
        10
    Imindzzz  
       2024-08-14 12:38:15 +08:00 via Android
    字体有问题,内置的置成一坨了
    wktline
        11
    wktline  
       2024-08-14 13:14:30 +08:00
    HuberyPang
        12
    HuberyPang  
    OP
       2024-08-14 13:25:29 +08:00
    @Imindzzz #10 什么浏览器呢 可以截个图吗 字体是使用的默认的,没做特殊处理
    Atoony
        13
    Atoony  
       2024-08-14 13:52:45 +08:00
    功能介绍里面的 "AI 证件照" 下方的描述有错别字,[生活招聘]->[生活照片]
    needpp
        14
    needpp  
       2024-08-14 14:17:48 +08:00
    @ipwx claude | gpt 这类都能生成
    margoxlive
        15
    margoxlive  
       2024-08-14 14:20:24 +08:00
    我之前到 framer 资源社区也找到一些好看的 landing page 模板,但是不支持导出,只能部署在 framer 上,而且绑定自定义域名还需要花钱,后来索性自己写了一个,花了大半天左右,也是 tailwind + nextjs ,超快超方便,https://haoshuo.cc
    shiny
        16
    shiny  
       2024-08-14 14:21:39 +08:00   1
    推荐个框架 https://floatui.com
    Imindzzz
        17
    Imindzzz  
       2024-08-14 14:28:16 +08:00 via Android
    https://mjj.today/i/jun9pK
    webAlex
        18
    webAlex  
       2024-08-14 16:01:33 +08:00
    语言切换被遮挡
    xjngbla
        19
    xjngbla  
       2024-08-14 16:02:47 +08:00
    切换语言有问题
    zy652172705
        20
    zy652172705  
       2024-08-14 16:12:46 +08:00
    挺好的,优秀
    HuberyPang
        21
    HuberyPang  
    OP
       2024-08-14 16:42:16 +08:00
    @webAlex #18
    @xjngbla #19
    感谢,新增了 aos,导致出现了问题,已解决
    xiangbohua
        22
    xiangbohua  
       2024-08-14 16:57:58 +08:00
    弱弱的问一句,啥叫落地页啊
    K332
        23
    K332  
       2024-08-14 18:02:15 +08:00
    切换成移动端,英文模式,点击商标后底部出现空白
    yb2313
        24
    yb2313  
       2024-08-14 19:12:38 +08:00
    和昨天那个网页打开需要 10 分钟的形成了鲜明的对比
    HuberyPang
        25
    HuberyPang  
    OP
       2024-08-14 20:17:48 +08:00
    @Imindzzz #17 试了几个手机浏览器,没看到你这个类似的效果

    @K332 #23 试了下没有复现
    AchieveHF
        26
    AchieveHF  
       2024-08-14 21:36:06 +08:00
    这真不难受吗
    ihuguowei
        27
    ihuguowei  
       2024-08-14 21:45:33 +08:00
    为啥导航栏,叠了两层 backdrop-filter 肉眼可见的掉帧。
    HuberyPang
        28
    HuberyPang  
    OP
       2024-08-14 23:35:39 +08:00
    @AchieveHF 是吗 我感觉还好,是把中间的 Toggle 去掉好些吗

    @ihuguowei 叠加 backdrop-filter 会有影响吗,刚去掉了一层
    pigf
        29
    pigf  
       2024-08-15 09:33:23 +08:00
    咋玩的呀,能出个教程吗
    HuberyPang
        30
    HuberyPang  
    OP
       2024-08-15 11:17:47 +08:00
    @pigf #29 部署吗,购买个域名用来 cf 加速,然后 vercel 部署,github pages 也可以部署,需要哪块 搜索下应该都对应教程。
    harryh123
        31
    harryh123  
       2024-08-15 11:58:38 +08:00
    有后台管理吗?内容怎么编辑?
    HuberyPang
        32
    HuberyPang  
    OP
       2024-08-15 12:42:44 +08:00
    @harryh123 #31 这种静态的,没有后台,编辑就本地修改,然后推送到 github 上会自动构建
    ihuguowei
        33
    ihuguowei  
       2024-08-15 21:19:53 +08:00
    @HuberyPang 这个属性比较吃性能。
    intret
        34
    intret  
       2024-08-16 10:01:23 +08:00
    说到落地页,我也刚完成了一个 https://duiqi.cc
    Pony996
        35
    Pony996  
       2024-08-16 16:45:51 +08:00
    感觉像用了这个
    https://ui.convertfa.st/
    wstc918
        36
    wstc918  
       2024-08-16 20:58:19 +08:00
    @HuberyPang 想知道现在哪儿能买到一年几块钱的数字域名? 之前腾讯 618 好像有活动,现在没了
    HuberyPang
        37
    HuberyPang  
    OP
       2024-08-17 02:30:50 +08:00
    @Pony996 #35 没有,参考了 flowbite,有提供 tailwindcss 的 html 的代码,自己整合就行

    @wstc918 #36 xyz 结尾的数字域名 10 年 68 随便买
    NikoXu
        38
    NikoXu  
       2024-08-19 09:53:43 +08:00
    @HuberyPang 图标看上去是不是多少有点靠的太近了
    HuberyPang
        39
    HuberyPang  
    OP
       2024-08-19 10:07:59 +08:00
    @NikoXu #38 哪块的图标呢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3004 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 13:36 PVG 21:36 LAX 06:36 JFK 09:36 Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86