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

这是什么

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

算是一个个人摸鱼作品。

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

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

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

来个链接

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

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

哪来的图

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

随机抽取的模式

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

界面样式

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

为什么有一个用户系统？

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

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

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

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

特色

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

总之...

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

MossFox

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 重定向来补全路径，导致页面内部所有的相对目录的资源全部载入到了错误的层级。