这是一个网页应用,可以从 4k+ 张各种成分的梗图 /沙雕图 /意义不明的图中,随机抽图的小玩具。不过,采用的是左右滑动的切图方式,且永远划不到头——无尽模式! (不过划完能回到开头就是了)
算是一个个人摸鱼作品。
我们会发现身边有一个现象:同一张梗图,时隔数月可以再次被四处传播,就像一张新图一样。同时,如果自己去回顾自己数月前保存的梗图,自己也不一定能够回忆起曾经见过这一张图——也就是说,带来过一次快乐的一张图,跨越几个月,可以再次带来一次全新的快乐!
那么……对于我自己这种,相册里保存的大几千张可能再也用不到的图,如果就这么丢掉或被遗忘,似乎有些太浪费了。于是,这个小玩具应运而生:赋予自己保存的那些 (可能已经火星了的) 沙雕图第二次生命。
(用人话说就是把那一堆旧图拎出来随机抽。就这样。)
👉 SB-Image ( https://app.mxowl.com/service/sb-img/)
左右滑动 (或者方向键) 切换图片。有预加载,所以综合体验应该是算比较丝滑的。
基本都是咱一年半高强度摸鱼的时候收集的图。加起来有 6k 张,筛选完毕后留下的就都放上去了。
图组的顺序是固定的,但服务端每天凌晨五点左右会进行一次重新排列。也就是说,左右划动的图在每天凌晨五点之前,顺序不变。同时,一直向前 /向后划动,不会遇到重复的图。
支持暗色主题。可以跟随系统主题切换 (或者手动设置)。
收藏以外的一切功能不会需要任何的登录操作。
实际上,用户系统本来就是图一乐。尤其对于这种有备案的个人站,就算有一套用户系统,也不可能就敢允许用户发布内容的。所以图一乐就好。有需要保存的图点下载按钮即可。
用户系统的存在主要还是个人练手用。手撸这么个东西对于没有多少经验的人来说,多少也是有点意思的。所以就这么放上去了。
如果觉得交互控件有些碍事,可以在设置里把收藏和分享按钮隐藏掉。
乐就完事了。希望可以给大伙带来快乐。
1
jdhao 2022-03-03 21:17:26 +08:00 via Android
初始化以后啥都不显示,一片空白,什么鬼。。
|
2
MossFox OP @jdhao 咦,会不会是图片的 CDN 域名解析有问题?帖子里面的两张图片和里面的图是一个域名下面的,如果没载入出来估计是腾讯云国内 CDN 抽了,可以看看代理设置有没有影响到这个
|
3
MossFox OP 对了,腾讯的静态网站托管有个毛病,链接末尾的 '/' 如果漏掉了的话,载入的资源目录会向前挪,导致直接页面空白... (除了自行托管以外没找到解决方案)
|
5
FlyPuff 2022-03-03 22:31:29 +08:00
哈哈 随便刷了几张 笑死了~
|
6
GeruzoniAnsasu 2022-03-04 05:08:18 +08:00
半佛快乐站
|
7
yuhangch 2022-03-04 08:50:15 +08:00
哈哈赞一个
|
8
woshinide300yuan 2022-03-04 09:43:04 +08:00
体验了一下炒鸡棒。唯一我觉得可能是问题的问题是:有些高度很高的图,会出现滚动条,还得额外操作一下鼠标滚动。不行加个自适应?炒鸡大的图就暂时缩放一下。 这样我只需要按方向键就行了。。。
|
9
MossFox OP @woshinide300yuan 雀食,自适应这块我只顾着测试手机端了。除了个别的超长图之外,在大屏环境下的自适稍微调整一些会更舒服。感谢建议~
|
10
eisuto 2022-03-04 11:25:57 +08:00
Material Design 好看,收藏一波。
|
11
liuleixxxx 2022-03-04 15:15:54 +08:00
@MossFox 静态网站托管是对象存储的静态网站功能吗,我理解,末尾有“/”代表访问的是目录,没有代表访问的是文件,你有方案可以不加"/"也能识别为目录吗?大神有没有具体技术说明文档,我参观下,你的域名是什么,我可以测试下吗?
|
12
MossFox OP @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 重定向来补全路径,导致页面内部所有的相对目录的资源全部载入到了错误的层级。 |
13
MossFox OP @liuleixxxx ……大意了,测试了一下,对象存储居然允许目录和文件同名。不带末尾 '/' 的情况下,如果存在同名文件则会优先发送文件。不过如果不存在这样的文件,还是会按照索引文档的配置 (默认 index.html) 往目录里面找对应文件。
这个和 nginx 的默认表现是基本类似的。 |
14
liuleixxxx 2022-03-05 14:41:38 +08:00
@MossFox 是的,但是这个小应用,也没有放在对象存储吧,对象存储的路径,可以直接从非根目录读取吗?我理解自定义域名后,后面的路径也是从根目录写下来的。
|
15
bookbox 2022-03-05 14:52:47 +08:00
@MossFox 静态网站托管可能就是基于 nginx ,所以表现和 nginx 默认逻辑一致,貌似大多数云厂商也都是这么个逻辑
|
16
MossFox OP @liuleixxxx 这个应用没使用对象存储的静态网站。如果用对象存储的静态网站的话,实际效果和楼上说的一致,与自己用 Nginx 配置的静态站一样。确实是强制从根目录开始的,可访问范围是当前整个存储桶,不给修改。
Cloudbase 的静态网站托管是另外一套逻辑,所以有前面提到的那种问题。感觉上是为 React Router 之类的模块定制过。一般情况下,感觉如果没有那种单个应用 + React Router 的这种逻辑,还是用对象存储的网站托管就 ok 。单独开一个存储桶用作静态网站这样。 |
17
QlynxQ 2022-03-06 23:32:58 +08:00 via Android 1
|
18
i0error 2022-03-07 13:30:05 +08:00
是不是应该叫 SD , 而不是 SB
|
19
Jiang10086 2022-09-10 23:49:34 +08:00 1
非常感谢开发者的这个网站,非常有意思,应该自从有了这篇帖子我便开始用了,虽然频率不高😂(但刷起来就上瘾,有段时间经常刷到重复的图哈哈哈)。最近发现一个台湾论坛每天都有发梗图,可能开发者能用上: https://www.dcard.tw/f/meme
|
20
Jiang10086 2022-12-29 12:01:32 +08:00
楼主该更新图库了
|