摄影佬专用 相片集,基于 Next.js 开发。 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
besscroft
V2EX    分享创造

摄影佬专用 相片集,基于 Next.js 开发。

  •  1
     
  •   besscroft
    besscroft 2024-05-17 09:18:05 +08:00 5134 次点击
    这是一个创建于 586 天前的主题,其中的信息可能已经有所发展或是发生改变。

    抱歉打扰大家,来做个小推广~

    PicImpact v0.7.0 版本发布啦!摄影佬专用 相片集,基于 Next.js 开发。响应式开发,支持 PC 和移动端样式。

    前台页面以瀑布流展示预览图片,详情展示原图、基本信息和 EXIF 信息。控制台可以查看图片统计信息;图片可以上传至 AWS S3 API 、Cloudflare API 、AList API ,上传时自动生成预览图、读取 EXIF 等;图片管理可对图片进行维护,重新设计的页面和体验;标签管理对图片的分类路由进行维护;系统设置提供了更丰富的设置项,也可维护存储 API 的环境变量。更多功能还在开发中~

    GitHub 地址: https://github.com/besscroft/PicImpact

    演示站: https://pic.besscroft.com/

    各位大佬有什么建议或者有 bug 欢迎反馈,一个普通的小项目,有啥问题大家可以说,但是别恶意攻击就行了,也别打演示站,谢谢各位大佬!

    60 条回复    2024-06-04 19:36:42 +08:00
    Psily1017
        1
    Psily1017  
       2024-05-17 09:22:06 +08:00
    的确很适合是极简的照片流展示
    besscroft
        2
    besscroft  
    OP
       2024-05-17 09:23:45 +08:00
    @Psily1017 #1 后台的功能您也可以试试,设计时对后面的扩展我也有考虑到一些,现在就需要大家用用给一些反馈!
    Psily1017
        3
    Psily1017  
       2024-05-17 09:25:47 +08:00
    @Psily1017
    的确很适合,是一个比较好的极简的照片流展示平台
    但是部署有两个小建议
    1 、是否能够支持 sqlite 或者 mysql
    2 、是否能够支持文件本地读取,alist api 还是没有直接 docker 直接挂载本地方便一些。
    是个个人喜欢的项目,已 Star
    besscroft
        4
    besscroft  
    OP
       2024-05-17 09:36:16 +08:00
    @Psily1017 #3

    兼容 sqlite 和 mysql 的话,有一些地方会有取舍,尤其是涉及到适配器和迁移这块,估计不太好弄,我有空研究下方案看看。

    本地读取的话,倒是不难,就是得遵循“约定”,因为项目是“数据”和“存储”分开的形式。图片数据存在数据库,图片存在存储里面。且本地文件读取的话,就只能支持 nodejs 运行时了,这个功能可以限制为使用 nodejs 手动部署或者直接容器化部署的用户,但比较考验用户的运维能力,毕竟图片要自己维护了,俺抽空去实现下。
    gimp
        5
    gimp  
       2024-05-17 09:45:15 +08:00
    1. 「时光相册」描述有歧异,相册指代合集,但进去发现是图片瀑布流,感觉可以叫「画廊」,建议「首页」随机的展示一张照片、附带描述;「画廊」展示瀑布流,「相册」是用户归类的合集,感觉会更好,仅个人想法
    2. 点击头像,登出的连接写的是 “登录”,文字错误
    3. 不知道后续会不会增加权限概念,由用户决定是公开到互联网还是私有相册,私有部署的话登录可看,同时 “相册” 可以分享给好友(链接自带 Token )
    4. “相册” 能下载会更好。
    5. 点击进入照片查看页,不能向下滚动感觉缺点什么。
    bhwa233
        6
    bhwa233  
       2024-05-17 09:48:34 +08:00
    已 Star 。
    有个建议,能不能支持 Telegraph ,这个是无限容量。可以看下这个项目: https://github.com/cf-pages/Telegraph-Image
    bhwa233
        7
    bhwa233  
       2024-05-17 09:50:35 +08:00
    还有时光相册可以加个时间轴
    besscroft
        8
    besscroft  
    OP
       2024-05-17 09:56:49 +08:00   1
    @gimp #5
    1 、除了首页外,用户可以配置很多个路由子页面作为分类,路由页面可以自己取,「时光相册」就算是自定义的“标签路由”,您可以理解为分页。
    2 、感谢,我检查一下。
    3 、非常好的主意!目前对于每一个子相册,暂时只做了一个显示的开关。私有相册的话确实可以做,俺还需要想一下怎么设计,比如跳转到对应的路由后输入密码,还是密码组件输入密码后,自动跳到对应的私有相册等等。链接自带 Token 是个不错的建议,我会研究下 Next.js 的路由,看是否能完善支持。
    4 、不知道您指的下载是单个图片还是整个相册?整个相册的话体验我估计会很差,因为很难在服务端实现打包压缩后下载,尤其是图片多的时候,怕服务器绷不住。
    5 、PC 端下面,正常来说不滚动可以显示完内容,移动端是可以向下滚动的。
    besscroft
        9
    besscroft  
    OP
       2024-05-17 09:58:20 +08:00
    @bhwa233 #6 感谢建议,虽然不太认同这种过度薅羊毛的做法,但是用户有需求,我抽空加上也行。
    besscroft
        10
    besscroft  
    OP
       2024-05-17 09:59:21 +08:00
    @bhwa233 #7 感谢建议,时间轴的话,有个业务场景我不知道怎么处理合适,就是用户上传的图片假设不带 EXIF 和时间信息的话。。。
    neptuno
        11
    neptuno  
       2024-05-17 10:15:39 +08:00
    夜晚的闲林埠 展示不出来
    besscroft
        12
    besscroft  
    OP
       2024-05-17 10:25:04 +08:00
    @neptuno #11 谢谢反馈,是我迁移图片时地址错误导致,已修复。
    7gugu
        13
    7gugu  
       2024-05-17 10:36:16 +08:00
    可以 Vercel 部署,好评
    1044523901
        14
    1044523901  
       2024-05-17 10:44:50 +08:00
    @besscroft Telegraph 加上就好使了
    waler
        15
    waler  
       2024-05-17 10:50:17 +08:00
    感谢分享,很不错
    文档里面的 docker-compose 能不能直接加上所需要的 postgres 数据库呀
    183387594
        16
    183387594  
       2024-05-17 10:52:23 +08:00
    太好了,520 礼物有着落了
    Unboundwill
        17
    Unboundwill  
       2024-05-17 11:00:43 +08:00
    做得好棒,已献上!
    anoyi
        18
    anoyi  
       2024-05-17 11:16:50 +08:00
    我的相册 https://anoyi.com/photo 感觉你可以优化下 UI

    anoyi
        19
    anoyi  
       2024-05-17 11:18:16 +08:00
    然后,交互上,可以实现向下滑动,滚动加载更多数据,体验比点 Button 好
    rimwindy
        20
    rimwindy  
       2024-05-17 11:22:40 +08:00
    支持芙宁娜~ 不过我比较偏好 Pinterest 这种圆角的设计
    besscroft
        21
    besscroft  
    OP
       2024-05-17 11:28:28 +08:00
    @7gugu #13 谢谢!
    besscroft
        22
    besscroft  
    OP
       2024-05-17 11:28:59 +08:00
    @waler #15 这样用户操作不当容易导致数据丢失。
    besscroft
        23
    besscroft  
    OP
       2024-05-17 11:29:15 +08:00
    @Unboundwill #17 谢谢!
    lulinchuanllc
        24
    lulinchuanllc  
       2024-05-17 11:29:28 +08:00
    列表的时候能加载压缩封面吗,感觉列表加载很耗时
    besscroft
        25
    besscroft  
    OP
       2024-05-17 11:31:24 +08:00
    @anoyi #18 #19 感谢建议,我会试着优化下 UI !
    besscroft
        26
    besscroft  
    OP
       2024-05-17 11:36:18 +08:00
    @rimwindy #20 我不太会设计,所以目前就弄的一版简约的设计。
    besscroft
        27
    besscroft  
    OP
       2024-05-17 11:39:11 +08:00
    @lulinchuanllc #24 上传图片时,会压缩图片生成一个预览版本的图片,一并上传。压缩比率为 0.3 ,格式为 jpeg 。列表默认显示的是压缩后的,如果没有压缩图片可以显示,才会显示原图。当然你点开后,肯定是查看的原图了。
    之前有用户提了 issue ,已经添加上了: https://github.com/besscroft/PicImpact/issues/13
    cuicuiv5
        28
    cuicuiv5  
       2024-05-17 11:42:14 +08:00
    相当不错
    Jf35jxN3fwBXyeLh
        29
    Jf35jxN3fwBXyeLh  
       2024-05-17 12:24:53 +08:00
    你好,开发者,这个是支持本地图片的吗,然后我摄影时,经常是同时有 jpeg 和 raw 格式,请问可以自己指定格式显示到页面上吗
    besscroft
        30
    besscroft  
    OP
       2024-05-17 12:39:47 +08:00
    @YouKnowIt #29 您好,暂时还未支持本地图片,后续打算对本地/容器化部署方式添加支持。预览图程序在上传图片时会自动压缩成 jpeg 格式,而原图支持大部分常见的格式。(我也不是每一种都试过,没法保证所有格式的兼容性,比如 AVIF 格式,某些浏览器就不支持显示。)
    besscroft
        31
    besscroft  
    OP
       2024-05-17 12:40:45 +08:00
    @cuicuiv5 #28 谢谢!
    skydcnmana
        32
    skydcnmana  
       2024-05-17 13:04:29 +08:00
    @YouKnowIt raw 只能客户端解啊,你去试试 Eagle 吧
    tyzandhr
        33
    tyzandhr  
       2024-05-17 13:33:59 +08:00
    登陆后台图片太长,把页面撑开了。应该加一个 max-h-screen
    bhwa233
        34
    bhwa233  
       2024-05-17 13:50:29 +08:00
    @besscroft #10 如果不带,就按上传时间呗
    BeijingBaby
        35
    BeijingBaby  
       2024-05-17 13:53:54 +08:00
    挺好的,之前想过给摄影老做一个类似的,楼主实现了,不过打开好慢啊。
    besscroft
        36
    besscroft  
    OP
       2024-05-17 13:54:50 +08:00
    @tyzandhr #33 请问下是登录页的吗?
    besscroft
        37
    besscroft  
    OP
       2024-05-17 13:55:55 +08:00
    @BeijingBaby #35 打开慢可能是因为我都是用的免费套餐的原因吧。。。Vercel + Cloudflare 在国内不会特别快,何况还是图片站。
    MonkeyJon
        38
    MonkeyJon  
       2024-05-17 14:33:41 +08:00
    已 star ,已部署
    icegogh
        39
    icegogh  
       2024-05-17 14:35:22 +08:00 via Android
    冲着刻晴,也要点个赞,但是我用 docker + immich 方案
    Rico
        40
    Rico  
       2024-05-17 16:16:03 +08:00
    支持!。 我的相册 https://hogwartsrico.github.io/photography/
    Leeeeex
        41
    Leeeeex  
    PRO
       2024-05-17 16:21:36 +08:00   1
    @Rico 提个小建议,左右按钮能否固定位置,碰到横屏和竖屏的图片就要来回移动鼠标点击。
    besscroft
        42
    besscroft  
    OP
       2024-05-17 16:25:16 +08:00
    @MonkeyJon #38 谢谢!
    besscroft
        43
    besscroft  
    OP
       2024-05-17 16:25:27 +08:00
    @icegogh #39 谢谢
    besscroft
        44
    besscroft  
    OP
       2024-05-17 16:25:40 +08:00
    @Rico #40 设计不错~
    Rico
        45
    Rico  
       2024-05-17 16:26:47 +08:00
    @chanChristin #41 还真是,我改下
    vk4LNh8gE08SBd9V
        46
    vk4LNh8gE08SBd9V  
       2024-05-17 16:27:31 +08:00   1
    @Rico 对 ,把按钮移出图片比较好,不然切换后还得重新找按钮位置
    Americano
        47
    Americano  
       2024-05-17 16:36:07 +08:00
    @anoyi 主页不错,请问是老哥自己写的?还是用了开源主题呢?
    anoyi
        48
    anoyi  
       2024-05-17 17:08:36 +08:00   1
    @lzd123 自己写的,开源地址: https://github.com/AnoyiX/anoyi
    fujizx
        49
    fujizx  
       2024-05-17 17:16:02 +08:00
    支持~之前想给女儿做个相册一直没做。。
    coolfan
        50
    coolfan  
       2024-05-17 17:23:50 +08:00
    besscroft
        51
    besscroft  
    OP
       2024-05-17 17:36:04 +08:00
    @fujizx #49 谢谢! PicImpact 主要侧重于管理、公开展示分享的场景,您可以尝试下看看!
    Leeeeex
        52
    Leeeeex  
    PRO
       2024-05-17 18:00:34 +08:00
    为啥我配了 cloudflare r2 的配置但是拉不出来图片呢?
    Leeeeex
        53
    Leeeeex  
    PRO
       2024-05-17 18:04:37 +08:00
    @chanChristin #52 忽略,是我理解错了。我以为能自动拉 r2 内的照片,没想到是要自己上传。
    Aawhale
        54
    Aawhale  
       2024-05-17 18:08:15 +08:00
    难道只有我一个产品狗在默默羡慕各位部署好的主页,又夹杂着遗憾不会部署的局促~
    tyzandhr
        55
    tyzandhr  
       2024-05-17 19:58:35 +08:00 via Android
    @besscroft 对的
    besscroft
        56
    besscroft  
    OP
       2024-05-17 20:47:37 +08:00
    @Aawhale #54 没事,每个人都有自己擅长的事情嘛!
    erquren
        57
    erquren  
       2024-05-20 09:15:45 +08:00
    有没有加密的方法?比如输入密码查看
    erquren
        58
    erquren  
       2024-05-20 09:16:18 +08:00
    @erquren 看到了,有的
    hsuvee
        59
    hsuvee  
       2024-06-04 19:26:31 +08:00
    最近用 v 友开源的搞了两套,首屏加载速度确实是个问题,有没有什么办法提提速
    https://pic.linuxzw.com
    https://canon.linuxzw.com
    besscroft
        60
    besscroft  
    OP
       2024-06-04 19:36:42 +08:00
    @hsuvee #59 首屏图片加载问题,只能从网络和图片体积入手。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1260 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 29ms UTC 17:23 PVG 01:23 LAX 09:23 JFK 12:23
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86