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