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

2023-03-09 09:49:36 +08:00
 leedarmau

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

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

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

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

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

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

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

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

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

👉前往该站👈

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

7141 次点击
所在节点    分享创造
57 条回复
sankemao
2023-03-09 12:46:17 +08:00
比之前版本好看多了
boneyao
2023-03-09 13:14:15 +08:00
用了哪些 npm 包呀
leedarmau
2023-03-09 14:04:21 +08:00
kuhung
2023-03-09 14:17:28 +08:00
🐮🍺 我这边会出现返回的时候循环的现象,不知道是个例还是啥。就是点就去一个视频,然后想回到主页,点击左上角的返回不生效,只是页面刷新了。
robinchina
2023-03-09 14:35:54 +08:00
加载好丝滑!
leedarmau
2023-03-09 14:41:04 +08:00
@iridium945 因为是真的便宜

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

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

@superliy 马上要换实现方案

@zhuwd 在对象存储

@296727 我记得这应该是浏览器本身缩放机制导致的。用人家现成方案也不好改,已经引入一个插件提供放大功能
lucasji
2023-03-09 16:09:39 +08:00
大佬英文博客也是自己写的吗?
ECarry
2023-03-09 16:31:26 +08:00
vue 上有类似的 React Photo Album 和 Yet Another React Lightbox 吗
freedom16
2023-03-09 16:42:07 +08:00
@leedarmau windows10 系统 刷新之后会卡,无痕也会卡
joooooker21
2023-03-09 16:47:32 +08:00
摄影很赞!
M5tuA
2023-03-09 16:55:40 +08:00
照片拍的真好
cssk
2023-03-09 16:55:48 +08:00
搭车借宝地 show 下博客
https://www.jstudio.win
lockheart
2023-03-09 17:15:10 +08:00
照片拍的真好

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/922482

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX