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

借助 ChatGPT 帮我重构了一下博客,看看是什么水平

  •  1
     
  •   leedarmau · 2023-03-09 09:49:36 +08:00 · 7421 次点击
    这是一个创建于 625 天前的主题,其中的信息可能已经有所发展或是发生改变。

    最近用 next 把博客重写了一遍,过程中用到了 chatgpt 非常多的帮助,解决了很多做过就觉得很容易但没做过完全不知道怎么下手的问题。

    我用它解决了很多 typescript 的报错,甚至还实现了一个 node 接口。关于这个的背景和过程,参见利用 ChatGPT 实现一个 Node.js API

    另外这次我也强迫自己使用 tailwind 。虽然导致代码看起来有点复杂,但用起来挺顺手。

    样式上用的是现成的 tailwindUI 组件,最后出来的效果还行。

    利用上述提到的 node 接口,实现了展示摄影图片的拍摄参数和 GPS 信息的效果。

    尤其是正文排版的改进,我非常满意。增加了正文图片可以全屏预览的功能。我觉得目前的文章阅读体验应该是博客里面最好的(吧

    关于这次重构更多的介绍,可以看这里

    部署上没有用 vercel 的服务,因为图片太多。尝试运行在自己服务器上,因此有时候可能会遇到加载缓慢的情况,估计是因为 next 在压缩图片。

    链接放到下方。网站刚上线,需要各位就产品设计、体验、性能、网络等各方面提出建议,谢谢大家。

    👉前往该站👈

    刚想起来,copilot 也在默默的付出,我把它给忘了!

    57 条回复    2023-03-11 13:04:45 +08:00
    EyebrowsWhite
        1
    EyebrowsWhite  
       2023-03-09 09:56:16 +08:00   ❤️ 1
    大佬太强了,这摄影作品可不像是副业
    zhuangjia
        2
    zhuangjia  
       2023-03-09 09:57:34 +08:00   ❤️ 1
    照片拍的很棒啊。已 rss 订阅
    Pythoner666666
        3
    Pythoner666666  
       2023-03-09 10:21:46 +08:00
    摄影很赞!
    lookStupiToForce
        4
    lookStupiToForce  
       2023-03-09 10:25:08 +08:00   ❤️ 4
    打开之前,预计平平无奇(社会学+3
    打开之后,大佬你主业是摄影,对吧?对吧?
    missdeer
        5
    missdeer  
       2023-03-09 11:07:04 +08:00
    有些图片加载不出来
    leedarmau
        6
    leedarmau  
    OP
       2023-03-09 11:07:36 +08:00
    感谢各位的点击让我发现了一个只有在大量点击才能发现的 bug 。今天你访问的时候可能会偶尔遇到掉线,那是我修 bug 。
    missdeer
        7
    missdeer  
       2023-03-09 11:07:40 +08:00
    可能是我这边网络的问题
    leedarmau
        8
    leedarmau  
    OP
       2023-03-09 11:08:36 +08:00
    @missdeer 可能是该图片没有缓存,next 生成需要时间。这种情况往往发生在第一个访问该页面的时候。
    ian511
        9
    ian511  
       2023-03-09 11:10:44 +08:00
    具体使用 chatgpt 优化的操作可以举个例子吗
    zhhanging
        10
    zhhanging  
       2023-03-09 11:14:09 +08:00
    502 了?
    zhhanging
        11
    zhhanging  
       2023-03-09 11:14:30 +08:00
    @zhhanging #10 刷新好了
    leedarmau
        12
    leedarmau  
    OP
       2023-03-09 11:16:10 +08:00
    @zhhanging 刚紧急修了个 bug 重新 build 了一下
    dengshen
        13
    dengshen  
       2023-03-09 11:16:55 +08:00   ❤️ 1
    大佬你主业是摄影,对吧?对吧?
    ShirolinEX
        14
    ShirolinEX  
       2023-03-09 11:18:17 +08:00   ❤️ 1
    这摄影牛逼啊(○´・д・)ノ
    leedarmau
        15
    leedarmau  
    OP
       2023-03-09 11:34:28 +08:00
    @ian511 比如用来消除 typescript 的警告,配置 i18n 路由(我在这上面耗了很长时间)
    Hancock
        16
    Hancock  
       2023-03-09 11:53:58 +08:00
    关注你 ig 了,还有网站摄影板块切换图片有点生硬卡顿,推荐加点动画
    iridium945
        17
    iridium945  
       2023-03-09 11:56:01 +08:00
    无人机真是好出片啊……
    话说买腾龙 20 2.8 这头的人还挺少见的,楼主是我看见的第一个……
    leedarmau
        18
    leedarmau  
    OP
       2023-03-09 12:11:05 +08:00
    @Hancock 不加了,后续会直接换掉这个模块。目前用的是 headlessui 魔改的 tab ,但发现并不适合用在这里。现阶段可以通过全屏浏览的方式看图,那个就很顺滑
    freedom16
        19
    freedom16  
       2023-03-09 12:21:51 +08:00
    使用 chrome 浏览器 about 页面滑动滚轮有很强烈的卡顿感. 其他页面没有,滚动很正常 chrome:110.0.5481.178 and 111.0.5563.65
    edge:110.0.1587.63 about 页面没有卡顿感
    op 看看什么原因
    hzxxx
        20
    hzxxx  
       2023-03-09 12:44:50 +08:00   ❤️ 1
    你是主页摄影,副业写代码吧
    sankemao
        21
    sankemao  
       2023-03-09 12:46:17 +08:00
    比之前版本好看多了
    boneyao
        22
    boneyao  
       2023-03-09 13:14:15 +08:00
    用了哪些 npm 包呀
    leedarmau
        23
    leedarmau  
    OP
       2023-03-09 14:04:21 +08:00
    kuhung
        24
    kuhung  
       2023-03-09 14:17:28 +08:00
    🐮🍺 我这边会出现返回的时候循环的现象,不知道是个例还是啥。就是点就去一个视频,然后想回到主页,点击左上角的返回不生效,只是页面刷新了。
    robinchina
        25
    robinchina  
       2023-03-09 14:35:54 +08:00
    加载好丝滑!
    leedarmau
        26
    leedarmau  
    OP
       2023-03-09 14:41:04 +08:00
    @iridium945 因为是真的便宜

    @freedom16 我这没法复现。刷新以后还会卡吗?

    @kuhung 我遇到过,但超出了我的能力
    chrosing
        27
    chrosing  
       2023-03-09 15:06:39 +08:00
    好看简洁 我挺喜欢这种风格的. 顺便问问。空中无人机延时摄影,是如何解决电量问题的?
    99s
        28
    99s  
       2023-03-09 15:08:03 +08:00
    满满的 tailwindcss 风格,扑面袭来哈哈。
    superliy
        29
    superliy  
       2023-03-09 15:11:46 +08:00
    提个建议,查看摄影图片页面,点箭头下一张,界面抖动厉害,可以考虑平滑一点
    zhuwd
        30
    zhuwd  
       2023-03-09 15:30:44 +08:00
    OP 的图片是存储在自己的服务器上吗
    ljsh093
        31
    ljsh093  
       2023-03-09 15:35:58 +08:00
    构图很赞,色彩也很自然、通透!锐!强无敌
    296727
        32
    296727  
       2023-03-09 15:46:34 +08:00
    图片最大化的时候,浏览器打开缩放,放大的时候大图变小,小图变大
    leedarmau
        33
    leedarmau  
    OP
       2023-03-09 15:57:46 +08:00
    @chrosing 那就是在耗尽前结束拍摄。。。如果距离不太远,大概可以支持将近半个小时的拍摄。再长就没办法了,只能换完电池飞回原来的位置继续。但我没这么干过

    @superliy 马上要换实现方案

    @zhuwd 在对象存储

    @296727 我记得这应该是浏览器本身缩放机制导致的。用人家现成方案也不好改,已经引入一个插件提供放大功能
    lucasji
        34
    lucasji  
       2023-03-09 16:09:39 +08:00
    大佬英文博客也是自己写的吗?
    ECarry
        35
    ECarry  
       2023-03-09 16:31:26 +08:00
    vue 上有类似的 React Photo Album 和 Yet Another React Lightbox 吗
    freedom16
        36
    freedom16  
       2023-03-09 16:42:07 +08:00
    @leedarmau windows10 系统 刷新之后会卡,无痕也会卡
    joooooker21
        37
    joooooker21  
       2023-03-09 16:47:32 +08:00
    摄影很赞!
    M5tuA
        38
    M5tuA  
       2023-03-09 16:55:40 +08:00
    照片拍的真好
    cssk
        39
    cssk  
       2023-03-09 16:55:48 +08:00
    搭车借宝地 show 下博客
    https://www.jstudio.win
    lockheart
        40
    lockheart  
       2023-03-09 17:15:10 +08:00 via iPhone
    照片拍的真好
    bjfane
        41
    bjfane  
       2023-03-09 17:24:01 +08:00
    已经卷到我们程序员行业来了吗?
    xytest
        42
    xytest  
       2023-03-09 17:24:57 +08:00
    羡慕啊,这小图片子 排得可真不错。
    kisnows
        43
    kisnows  
       2023-03-09 19:20:19 +08:00
    真棒啊,排版设计真漂亮,羡慕。
    我这不懂设计的只能用开源的主题,烂大街 啊。
    lzgshsj
        44
    lzgshsj  
       2023-03-09 19:26:26 +08:00
    下面的站点统计显示“已达请求限额”,现在有点格格不入。加个缓存来代替吧。
    viWww0vvxmolvY5p
        45
    viWww0vvxmolvY5p  
       2023-03-09 23:11:04 +08:00
    博客做那么漂亮我都不忍心用 rss 。
    a132811
        46
    a132811  
       2023-03-09 23:44:08 +08:00
    很漂亮。
    另外,文章中英文,是自翻译、还是 AI 译的?
    leedarmau
        47
    leedarmau  
    OP
       2023-03-10 00:00:15 +08:00
    @lucasji
    @a132811 当然是用谷歌翻译啦。会稍微做点校对。

    @lzgshsj 那得写个接口了。但我这个站触发限制的机会应该不多,没必要搞。

    @ECarry 不了解 vue
    acapla
        48
    acapla  
       2023-03-10 04:49:03 +08:00
    好看诶
    tomtom9
        49
    tomtom9  
       2023-03-10 07:27:23 +08:00
    樓主對建内容平臺感興趣嘛?同樣是 NextJS 仍在開發中,聯係方式已經通過您的博客留下了
    LuXiaoR
        50
    LuXiaoR  
       2023-03-10 08:58:41 +08:00
    照片切换的时候,切换到最后一张再切换,页面会出现错误。
    connectError
        51
    connectError  
       2023-03-10 09:02:02 +08:00
    只会基础的 html+JavaScript ,礼貌问一下,如果从零开始学,想要能搭建楼主网站这样的效果,需要学习的技术栈有哪些呢
    yifeng33
        52
    yifeng33  
       2023-03-10 10:19:24 +08:00
    标记一下看看
    LavaC
        53
    LavaC  
       2023-03-10 10:29:03 +08:00
    看到熟悉的图标想起你之前也发过你的博客,ttitle 是可可托里没有海
    LavaC
        54
    LavaC  
       2023-03-10 10:33:35 +08:00
    @LavaC 嗷,原来现在也是(我还打错了),默认进去是英文的还以为你换名了。
    leedarmau
        55
    leedarmau  
    OP
       2023-03-10 10:50:09 +08:00
    @LuXiaoR 已修复

    @connectError 还需要熟悉 CSS 和一个前端框架,如 react 。还需要掌握一些 hooks 的用法,涉及到交互改变界面的情况就需要使用 hooks 。
    imhx233
        56
    imhx233  
       2023-03-11 12:39:50 +08:00
    好奇博主的修图 pineline 是什么呢?是 Lightroom 导出 + 嵌入 logo ?然后看上去用了一家海外云服务 LayerStack 的 OSS ;以及博客前端是纯自己写的吗,还是参考了其他的主题。
    leedarmau
        57
    leedarmau  
    OP
       2023-03-11 13:04:45 +08:00
    @imhx233 raw 导入 lr 处理,导出加水印。有时候会用到 ps 。

    没用主题,用的是 tailwindui 现成的元素
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   926 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 21:36 · PVG 05:36 · LAX 13:36 · JFK 16:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.