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

随机抽取沙雕图 - 一个快乐的小玩具

  •  
  •   MossFox ·
    MossTheFox · 2022-03-03 20:59:18 +08:00 · 2735 次点击
    这是一个创建于 1001 天前的主题,其中的信息可能已经有所发展或是发生改变。

    这是什么

    这是一个网页应用,可以从 4k+ 张各种成分的梗图 /沙雕图 /意义不明的图中,随机抽图的小玩具。不过,采用的是左右滑动的切图方式,且永远划不到头——无尽模式! (不过划完能回到开头就是了)

    算是一个个人摸鱼作品。

    我们会发现身边有一个现象:同一张梗图,时隔数月可以再次被四处传播,就像一张新图一样。同时,如果自己去回顾自己数月前保存的梗图,自己也不一定能够回忆起曾经见过这一张图——也就是说,带来过一次快乐的一张图,跨越几个月,可以再次带来一次全新的快乐!

    那么……对于我自己这种,相册里保存的大几千张可能再也用不到的图,如果就这么丢掉或被遗忘,似乎有些太浪费了。于是,这个小玩具应运而生:赋予自己保存的那些 (可能已经火星了的) 沙雕图第二次生命。

    (用人话说就是把那一堆旧图拎出来随机抽。就这样。)

    来个链接

    👉 SB-Image ( https://app.mxowl.com/service/sb-img/)

    左右滑动 (或者方向键) 切换图片。有预加载,所以综合体验应该是算比较丝滑的。

    哪来的图

    基本都是咱一年半高强度摸鱼的时候收集的图。加起来有 6k 张,筛选完毕后留下的就都放上去了。

    随机抽取的模式

    图组的顺序是固定的,但服务端每天凌晨五点左右会进行一次重新排列。也就是说,左右划动的图在每天凌晨五点之前,顺序不变。同时,一直向前 /向后划动,不会遇到重复的图。

    界面样式

    支持暗色主题。可以跟随系统主题切换 (或者手动设置)。

    主界面

    收藏页

    为什么有一个用户系统?

    收藏以外的一切功能不会需要任何的登录操作。

    实际上,用户系统本来就是图一乐。尤其对于这种有备案的个人站,就算有一套用户系统,也不可能就敢允许用户发布内容的。所以图一乐就好。有需要保存的图点下载按钮即可。

    用户系统的存在主要还是个人练手用。手撸这么个东西对于没有多少经验的人来说,多少也是有点意思的。所以就这么放上去了。

    如果觉得交互控件有些碍事,可以在设置里把收藏和分享按钮隐藏掉。

    特色

    • 适配各种大小的屏幕,移动设备与桌面设备皆可
      • (...不过按钮目前还是默认靠边,带鱼屏可能不大行)
    • 明暗主题可切换,界面部分按钮可被隐藏
      • 可以创造一个沉浸式的摸鱼环境
    • 可以记录浏览的位置
      • 摸鱼摸累了可以歇会,然后......接着摸鱼
    • 一键下载
      • 存到本地的图才是真正属于自己的!去各大社区或者群聊传播快乐吧
    • 无感觉预载
      • 非极端网络环境下,体验丝滑
    • 非常和谐
      • 和谐模式默认启用,绝大多数图片都是友好的 (避免粗俗语言、冒犯性内容等)
    • QQ 登录后,可以将图片加入收藏、并分享自己的收藏
      • ......还是建议自己保存到本地一份,防止我这边遇到问题影响服务稳定性
      • 这个功能的意义也是图一乐,所以无需有太高标准
    • 被创造出来的目的就是传播快乐
      • ......也就是说,功能很单纯。就是看沙雕图

    总之...

    乐就完事了。希望可以给大伙带来快乐。

    20 条回复    2022-12-29 12:01:32 +08:00
    jdhao
        1
    jdhao  
       2022-03-03 21:17:26 +08:00 via Android
    初始化以后啥都不显示,一片空白,什么鬼。。
    MossFox
        2
    MossFox  
    OP
       2022-03-03 21:24:03 +08:00
    @jdhao 咦,会不会是图片的 CDN 域名解析有问题?帖子里面的两张图片和里面的图是一个域名下面的,如果没载入出来估计是腾讯云国内 CDN 抽了,可以看看代理设置有没有影响到这个
    MossFox
        3
    MossFox  
    OP
       2022-03-03 21:29:43 +08:00
    对了,腾讯的静态网站托管有个毛病,链接末尾的 '/' 如果漏掉了的话,载入的资源目录会向前挪,导致直接页面空白... (除了自行托管以外没找到解决方案)
    jdhao
        4
    jdhao  
       2022-03-03 21:36:24 +08:00 via Android
    @MossFox 关了代理可以,原来还会检测代理。
    FlyPuff
        5
    FlyPuff  
       2022-03-03 22:31:29 +08:00
    哈哈 随便刷了几张 笑死了~
    GeruzoniAnsasu
        6
    GeruzoniAnsasu  
       2022-03-04 05:08:18 +08:00
    半佛快乐站
    yuhangch
        7
    yuhangch  
       2022-03-04 08:50:15 +08:00
    哈哈赞一个
    woshinide300yuan
        8
    woshinide300yuan  
       2022-03-04 09:43:04 +08:00
    体验了一下炒鸡棒。唯一我觉得可能是问题的问题是:有些高度很高的图,会出现滚动条,还得额外操作一下鼠标滚动。不行加个自适应?炒鸡大的图就暂时缩放一下。 这样我只需要按方向键就行了。。。
    MossFox
        9
    MossFox  
    OP
       2022-03-04 10:06:59 +08:00
    @woshinide300yuan 雀食,自适应这块我只顾着测试手机端了。除了个别的超长图之外,在大屏环境下的自适稍微调整一些会更舒服。感谢建议~
    eisuto
        10
    eisuto  
       2022-03-04 11:25:57 +08:00
    Material Design 好看,收藏一波。
    liuleixxxx
        11
    liuleixxxx  
       2022-03-04 15:15:54 +08:00
    @MossFox 静态网站托管是对象存储的静态网站功能吗,我理解,末尾有“/”代表访问的是目录,没有代表访问的是文件,你有方案可以不加"/"也能识别为目录吗?大神有没有具体技术说明文档,我参观下,你的域名是什么,我可以测试下吗?
    MossFox
        12
    MossFox  
    OP
       2022-03-04 18:48:28 +08:00
    @liuleixxxx 我用的是云开发 CloudBase 的静态网站托管,和对象存储类似,有默认索引页,但表现上却有区别。

    这个问题其实不是因为通过末尾的 '/' 来判断是文件还是目录造成的 (同一层级下,文件和目录是不允许重名存在的)。
    例如,[这个末尾不带 '/' 的链接]( https://mxowl-dev-test-1304135893.cos-website.ap-shanghai.myqcloud.com/res) 是对象存储提供的托管,当访问后会像默认情况下 nginx 的行为一样,服务端进行了一下 302 重定向,补上了末尾的 '/'。这样保证了页面内的相对目录的资源在请求时的开始目录就是正常的 (是否正常载入可以参考底部的备案图标,用的是相对目录资源引用);

    而 CloudBase 的静态网站托管,有点像是为托管单个 React/Vue 的应用程序独家定制的一样 (?),即使是结合了 React Router 的单个应用里面,默认的资源也都是直接用绝对目录的 (起始目录不做修改的话默认就是根目录),不会出问题。它给的快速部署脚本也是对于单个 React 应用来部署的。
    但,帖子里这个小应用的链接对应的起始路径不是根目录。所以,当访问这个链接时,[移除链接末尾的 '/']( https://app.mxowl.com/service/sb-img) 拿到的响应直接就是 200 ,没有前文对象存储托管的网站的那种,有一下 302 重定向来补全路径,导致页面内部所有的相对目录的资源全部载入到了错误的层级。
    MossFox
        13
    MossFox  
    OP
       2022-03-04 18:54:45 +08:00
    @liuleixxxx ……大意了,测试了一下,对象存储居然允许目录和文件同名。不带末尾 '/' 的情况下,如果存在同名文件则会优先发送文件。不过如果不存在这样的文件,还是会按照索引文档的配置 (默认 index.html) 往目录里面找对应文件。
    这个和 nginx 的默认表现是基本类似的。
    liuleixxxx
        14
    liuleixxxx  
       2022-03-05 14:41:38 +08:00
    @MossFox 是的,但是这个小应用,也没有放在对象存储吧,对象存储的路径,可以直接从非根目录读取吗?我理解自定义域名后,后面的路径也是从根目录写下来的。
    bookbox
        15
    bookbox  
       2022-03-05 14:52:47 +08:00
    @MossFox 静态网站托管可能就是基于 nginx ,所以表现和 nginx 默认逻辑一致,貌似大多数云厂商也都是这么个逻辑
    MossFox
        16
    MossFox  
    OP
       2022-03-05 16:18:59 +08:00
    @liuleixxxx 这个应用没使用对象存储的静态网站。如果用对象存储的静态网站的话,实际效果和楼上说的一致,与自己用 Nginx 配置的静态站一样。确实是强制从根目录开始的,可访问范围是当前整个存储桶,不给修改。

    Cloudbase 的静态网站托管是另外一套逻辑,所以有前面提到的那种问题。感觉上是为 React Router 之类的模块定制过。一般情况下,感觉如果没有那种单个应用 + React Router 的这种逻辑,还是用对象存储的网站托管就 ok 。单独开一个存储桶用作静态网站这样。
    QlynxQ
        17
    QlynxQ  
       2022-03-06 23:32:58 +08:00 via Android   ❤️ 1
    i0error
        18
    i0error  
       2022-03-07 13:30:05 +08:00
    是不是应该叫 SD , 而不是 SB
    Jiang10086
        19
    Jiang10086  
       2022-09-10 23:49:34 +08:00   ❤️ 1
    非常感谢开发者的这个网站,非常有意思,应该自从有了这篇帖子我便开始用了,虽然频率不高😂(但刷起来就上瘾,有段时间经常刷到重复的图哈哈哈)。最近发现一个台湾论坛每天都有发梗图,可能开发者能用上: https://www.dcard.tw/f/meme
    Jiang10086
        20
    Jiang10086  
       2022-12-29 12:01:32 +08:00
    楼主该更新图库了
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1045 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 21:15 · PVG 05:15 · LAX 13:15 · JFK 16:15
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.