四海兄弟 / 抽到甘雨 / Shopify 图片链接过滤器

2022-01-25

今天下午原神开启了新一轮的角色卡池,五星角色分别是钟离跟甘雨。晚上吃饱饭我并没有着急上线抽卡,而是在 XP 虚拟机里先玩了两下《四海兄弟》2002 版。

这玩意和 2020 年重制版的剧情基本相同,但画面相差特别明显,比当年火爆世界的的《罪恶都市》还差,主要是可视距离很短,而且范围内的画面特别灰暗,总让我感觉是在一个狭小的虚空里面反复走动,可实际上游戏里面的城市地图设计是比较大的。

任务设定也比重制版要难,缺少很多可视化的引导,默认键位比较难,需要自己重新设置。挂了几次,好不容易终于打过了第二关(只能躲子弹,无法反击),就退出游戏了。要不是重制版配置要求太高(感觉是 CPU 和内存爆炸)我也不至于沦落到要玩这么上古的版本了!

摩拳擦掌终于要上号原神了,刚开播点开抽卡,好家伙,第一个十连就出了甘雨!这才播了不下五分钟,就结束了呀!之后打打日常,和 @MJ 联机刷了下副本,按照某攻略的收集路线采集骗骗花素材,一个晚上就过去了==

买了 @Innei 推荐的三本书,明天就能送到家。找个时间好好看看书学习学习吧,感觉今年总结能写出来的技术提升实在是太少了。

睡前还在继续整着那 Shopify 项目的某个模块,这里面涉及到图片链接和 过滤器 的使用,原先的 img_url 过滤器,编辑器提示它已经被弃用,应该更换为 image_url 进行替代。我大概看了下,两者生成的最终链接格式都不同,估计是 Shopify 更换了 CDN 的图片处理规则。

{%- assign img_url = block.settings.image | image_url: width: 666, format: 'pjpg' | replace: '666', '{width}' -%}
{%- assign img_url_old = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}

主题原先在这里使用了 replace 过滤器,就是把默认的图片宽度替换成一个变量(字符串),给前端的 LazyLoad 库使用,自动生成 srcset 属性,即可根据元素宽度和设备 PPI 自动获取符合尺寸的图片了!是个兼顾速度又兼顾清晰度的良好方案啊,可惜我的博客都是自我托管图片,没法做这么高级的功能==

四海兄弟 2002 四海兄弟 2002 抽到甘雨
一般
概览页 时间轴
奇趣音乐盒 技术源于 Kico Player
Emmm,这里是歌词君