最近用 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 1
大佬太强了,这摄影作品可不像是副业
|
2
zhuangjia 2023-03-09 09:57:34 +08:00 1
照片拍的很棒啊。已 rss 订阅
|
3
Pythoner666666 2023-03-09 10:21:46 +08:00
摄影很赞!
|
4
lookStupiToForce 2023-03-09 10:25:08 +08:00 4
打开之前,预计平平无奇(社会学+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 1
大佬你主业是摄影,对吧?对吧?
|
14
ShirolinEX 2023-03-09 11:18:17 +08:00 1
这摄影牛逼啊(○´・д・)ノ
|
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:00 1
你是主页摄影,副业写代码吧
|
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 2023-03-09 17:24:01 +08:00
已经卷到我们程序员行业来了吗?
|
42
xytest 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 |