
最近用 next 把博客重写了一遍,过程中用到了 chatgpt 非常多的帮助,解决了很多做过就觉得很容易但没做过完全不知道怎么下手的问题。
我用它解决了很多 typescript 的报错,甚至还实现了一个 node 接口。关于这个的背景和过程,参见利用 ChatGPT 实现一个 Node.js API
另外这次我也强迫自己使用 tailwind 。虽然导致代码看起来有点复杂,但用起来挺顺手。
样式上用的是现成的 tailwindUI 组件,最后出来的效果还行。
利用上述提到的 node 接口,实现了展示摄影图片的拍摄参数和 GPS 信息的效果。
尤其是正文排版的改进,我非常满意。增加了正文图片可以全屏预览的功能。我觉得目前的文章阅读体验应该是博客里面最好的(吧
关于这次重构更多的介绍,可以看这里
部署上没有用 vercel 的服务,因为图片太多。尝试运行在自己服务器上,因此有时候可能会遇到加载缓慢的情况,估计是因为 next 在压缩图片。
链接放到下方。网站刚上线,需要各位就产品设计、体验、性能、网络等各方面提出建议,谢谢大家。
刚想起来,copilot 也在默默的付出,我把它给忘了!
1 EyebrowsWhite 2023 年 3 月 9 日 大佬太强了,这摄影作品可不像是副业 |
2 zhuangjia 2023 年 3 月 9 日 照片拍的很棒啊。已 rss 订阅 |
3 Pythoner666666 2023 年 3 月 9 日 摄影很赞! |
4 lookStupiToForce 2023 年 3 月 9 日 打开之前,预计平平无奇(社会学+3 打开之后,大佬你主业是摄影,对吧?对吧? |
5 missdeer 2023 年 3 月 9 日 有些图片加载不出来 |
6 leedarmau OP 感谢各位的点击让我发现了一个只有在大量点击才能发现的 bug 。今天你访问的时候可能会偶尔遇到掉线,那是我修 bug 。 |
7 missdeer 2023 年 3 月 9 日 可能是我这边网络的问题 |
9 ian511 2023 年 3 月 9 日 具体使用 chatgpt 优化的操作可以举个例子吗 |
10 zhhanging 2023 年 3 月 9 日 502 了? |
13 dengshen 2023 年 3 月 9 日 大佬你主业是摄影,对吧?对吧? |
14 ShirolinEX 2023 年 3 月 9 日 这摄影牛逼啊(○д) |
16 Hancock 2023 年 3 月 9 日 关注你 ig 了,还有网站摄影板块切换图片有点生硬卡顿,推荐加点动画 |
17 iridium945 2023 年 3 月 9 日 无人机真是好出片啊…… 话说买腾龙 20 2.8 这头的人还挺少见的,楼主是我看见的第一个…… |
18 leedarmau OP @Hancock 不加了,后续会直接换掉这个模块。目前用的是 headlessui 魔改的 tab ,但发现并不适合用在这里。现阶段可以通过全屏浏览的方式看图,那个就很顺滑 |
19 freedom16 2023 年 3 月 9 日 使用 chrome 浏览器 about 页面滑动滚轮有很强烈的卡顿感. 其他页面没有,滚动很正常 chrome:110.0.5481.178 and 111.0.5563.65 edge:110.0.1587.63 about 页面没有卡顿感 op 看看什么原因 |
20 hzxxx 2023 年 3 月 9 日 你是主页摄影,副业写代码吧 |
21 sankemao 2023 年 3 月 9 日 比之前版本好看多了 |
22 boneyao 2023 年 3 月 9 日 用了哪些 npm 包呀 |
23 leedarmau OP |
24 kuhung 2023 年 3 月 9 日 我这边会出现返回的时候循环的现象,不知道是个例还是啥。就是点就去一个视频,然后想回到主页,点击左上角的返回不生效,只是页面刷新了。 |
25 robinchina 2023 年 3 月 9 日 加载好丝滑! |
26 leedarmau OP |
27 chrosing 2023 年 3 月 9 日 好看简洁 我挺喜欢这种风格的. 顺便问问。空中无人机延时摄影,是如何解决电量问题的? |
28 99s 2023 年 3 月 9 日 满满的 tailwindcss 风格,扑面袭来哈哈。 |
29 superliy 2023 年 3 月 9 日 提个建议,查看摄影图片页面,点箭头下一张,界面抖动厉害,可以考虑平滑一点 |
30 v2dev 2023 年 3 月 9 日 OP 的图片是存储在自己的服务器上吗 |
31 ljsh093 2023 年 3 月 9 日 构图很赞,色彩也很自然、通透!锐!强无敌 |
32 296727 2023 年 3 月 9 日 图片最大化的时候,浏览器打开缩放,放大的时候大图变小,小图变大 |
33 leedarmau OP |
34 lucasji 2023 年 3 月 9 日 大佬英文博客也是自己写的吗? |
35 ECarry 2023 年 3 月 9 日 vue 上有类似的 React Photo Album 和 Yet Another React Lightbox 吗 |
37 joooooker21 2023 年 3 月 9 日 摄影很赞! |
38 M5tuA 2023 年 3 月 9 日 照片拍的真好 |
39 cssk 2023 年 3 月 9 日 搭车借宝地 show 下博客 https://www.jstudio.win |
40 lockheart 2023 年 3 月 9 日 via iPhone 照片拍的真好 |
41 bjfane PRO 已经卷到我们程序员行业来了吗? |
42 byteX 2023 年 3 月 9 日 羡慕啊,这小图片子 排得可真不错。 |
43 kisnows 2023 年 3 月 9 日 真棒啊,排版设计真漂亮,羡慕。 我这不懂设计的只能用开源的主题,烂大街 啊。 |
44 lzgshsj 2023 年 3 月 9 日 下面的站点统计显示“已达请求限额”,现在有点格格不入。加个缓存来代替吧。 |
45 viWww0vvxmolvY5p 2023 年 3 月 9 日 博客做那么漂亮我都不忍心用 rss 。 |
46 a132811 2023 年 3 月 9 日 很漂亮。 另外,文章中英文,是自翻译、还是 AI 译的? |
47 leedarmau OP |
48 acapla 2023 年 3 月 10 日 好看诶 |
49 tomtom9 2023 年 3 月 10 日 主建内容平感趣嘛?同是 NextJS 仍在中,方式已通您的博客留下了 |
50 MikeAI 2023 年 3 月 10 日 照片切换的时候,切换到最后一张再切换,页面会出现错误。 |
51 connectError 2023 年 3 月 10 日 只会基础的 html+Javascript ,礼貌问一下,如果从零开始学,想要能搭建楼主网站这样的效果,需要学习的技术栈有哪些呢 |
52 yifeng33 2023 年 3 月 10 日 标记一下看看 |
53 LavaC 2023 年 3 月 10 日 看到熟悉的图标想起你之前也发过你的博客,ttitle 是可可托里没有海 |
55 leedarmau OP |
56 imhx233 2023 年 3 月 11 日 好奇博主的修图 pineline 是什么呢?是 Lightroom 导出 + 嵌入 logo ?然后看上去用了一家海外云服务 LayerStack 的 OSS ;以及博客前端是纯自己写的吗,还是参考了其他的主题。 |