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