V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
besscroft
V2EX  ›  分享创造

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

  •  1
     
  •   besscroft ·
    besscroft · 15 天前 · 3188 次点击

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

    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 欢迎反馈,一个普通的小项目,有啥问题大家可以说,但是别恶意攻击就行了,也别打演示站,谢谢各位大佬!

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

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

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

    anoyi
        19
    anoyi  
       15 天前
    然后,交互上,可以实现向下滑动,滚动加载更多数据,体验比点 Button 好
    rimwindy
        20
    rimwindy  
       15 天前
    支持芙宁娜~ 不过我比较偏好 Pinterest 这种圆角的设计🤣
    besscroft
        21
    besscroft  
    OP
       15 天前
    @7gugu #13 谢谢!
    besscroft
        22
    besscroft  
    OP
       15 天前
    @waler #15 这样用户操作不当容易导致数据丢失。
    besscroft
        23
    besscroft  
    OP
       15 天前
    @Unboundwill #17 谢谢!
    lulinchuanllc
        24
    lulinchuanllc  
       15 天前
    列表的时候能加载压缩封面吗,感觉列表加载很耗时
    besscroft
        25
    besscroft  
    OP
       15 天前
    @anoyi #18 #19 感谢建议,我会试着优化下 UI !
    besscroft
        26
    besscroft  
    OP
       15 天前
    @rimwindy #20 我不太会设计,所以目前就弄的一版简约的设计。
    besscroft
        27
    besscroft  
    OP
       15 天前
    @lulinchuanllc #24 上传图片时,会压缩图片生成一个预览版本的图片,一并上传。压缩比率为 0.3 ,格式为 jpeg 。列表默认显示的是压缩后的,如果没有压缩图片可以显示,才会显示原图。当然你点开后,肯定是查看的原图了。
    之前有用户提了 issue ,已经添加上了: https://github.com/besscroft/PicImpact/issues/13
    cuicuiv5
        28
    cuicuiv5  
       15 天前
    相当不错
    YouKnowIt
        29
    YouKnowIt  
       15 天前
    你好,开发者,这个是支持本地图片的吗,然后我摄影时,经常是同时有 jpeg 和 raw 格式,请问可以自己指定格式显示到页面上吗
    besscroft
        30
    besscroft  
    OP
       15 天前
    @YouKnowIt #29 您好,暂时还未支持本地图片,后续打算对本地/容器化部署方式添加支持。预览图程序在上传图片时会自动压缩成 jpeg 格式,而原图支持大部分常见的格式。(我也不是每一种都试过,没法保证所有格式的兼容性,比如 AVIF 格式,某些浏览器就不支持显示。)
    besscroft
        31
    besscroft  
    OP
       15 天前
    @cuicuiv5 #28 谢谢!
    skydcnmana
        32
    skydcnmana  
       15 天前
    @YouKnowIt raw 只能客户端解啊,你去试试 Eagle 吧
    tyzandhr
        33
    tyzandhr  
       15 天前
    登陆后台图片太长,把页面撑开了。应该加一个 max-h-screen
    bhwa233
        34
    bhwa233  
       15 天前
    @besscroft #10 如果不带,就按上传时间呗
    BeijingBaby
        35
    BeijingBaby  
       15 天前
    挺好的,之前想过给摄影老做一个类似的,楼主实现了,不过打开好慢啊。
    besscroft
        36
    besscroft  
    OP
       15 天前
    @tyzandhr #33 请问下是登录页的吗?
    besscroft
        37
    besscroft  
    OP
       15 天前
    @BeijingBaby #35 打开慢可能是因为我都是用的免费套餐的原因吧。。。Vercel + Cloudflare 在国内不会特别快,何况还是图片站。
    MonkeyJon
        38
    MonkeyJon  
       15 天前
    已 star ,已部署
    icegogh
        39
    icegogh  
       15 天前 via Android
    冲着刻晴,也要点个赞,但是我用 docker + immich 方案😃
    Rico
        40
    Rico  
       15 天前
    支持!。 我的相册 https://hogwartsrico.github.io/photography/
    chanChristin
        41
    chanChristin  
       15 天前   ❤️ 1
    @Rico 提个小建议,左右按钮能否固定位置,碰到横屏和竖屏的图片就要来回移动鼠标点击。
    besscroft
        42
    besscroft  
    OP
       15 天前
    @MonkeyJon #38 谢谢!
    besscroft
        43
    besscroft  
    OP
       15 天前
    @icegogh #39 谢谢
    besscroft
        44
    besscroft  
    OP
       15 天前
    @Rico #40 设计不错~
    Rico
        45
    Rico  
       15 天前
    @chanChristin #41 还真是,我改下
    com781517552
        46
    com781517552  
       15 天前   ❤️ 1
    @Rico 对 ,把按钮移出图片比较好,不然切换后还得重新找按钮位置
    lzd123
        47
    lzd123  
       15 天前
    @anoyi 主页不错,请问是老哥自己写的?还是用了开源主题呢?
    anoyi
        48
    anoyi  
       15 天前   ❤️ 1
    @lzd123 自己写的,开源地址: https://github.com/AnoyiX/anoyi
    fujizx
        49
    fujizx  
       15 天前
    支持~之前想给女儿做个相册一直没做。。
    coolfan
        50
    coolfan  
       15 天前
    👏
    besscroft
        51
    besscroft  
    OP
       15 天前
    @fujizx #49 谢谢! PicImpact 主要侧重于管理、公开展示分享的场景,您可以尝试下看看!
    chanChristin
        52
    chanChristin  
       15 天前
    为啥我配了 cloudflare r2 的配置但是拉不出来图片呢?
    chanChristin
        53
    chanChristin  
       15 天前
    @chanChristin #52 忽略,是我理解错了。我以为能自动拉 r2 内的照片,没想到是要自己上传。
    Aawhale
        54
    Aawhale  
       15 天前
    难道只有我一个产品狗在默默羡慕各位部署好的主页,又夹杂着遗憾不会部署的局促~
    tyzandhr
        55
    tyzandhr  
       15 天前 via Android
    @besscroft 对的
    besscroft
        56
    besscroft  
    OP
       15 天前
    @Aawhale #54 没事,每个人都有自己擅长的事情嘛!
    erquren
        57
    erquren  
       12 天前
    有没有加密的方法?比如输入密码查看
    erquren
        58
    erquren  
       12 天前
    @erquren 看到了,有的
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1826 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 16:33 · PVG 00:33 · LAX 09:33 · JFK 12:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.