3.22

#diary #2026/3

沉迷了两天杀戮尖塔 2 和雀魂。明明都是带有随机化的策略游戏，而且杀戮尖塔的策略性从感觉上来说比雀魂要高一点，但是体感上更愿意沉迷雀魂，这是为什么？可能是因为雀魂的多人竞技性更够提供另一个维度（炸飞别人）的快乐感？~~可能是因为杀戮尖塔本质上还是一个重复性的游戏，并没有提供过多的全局物质累计成就感（累计成就感指的是在游戏内通过不断发展使自己的游戏内物质基础变得更加雄厚感受到变强带来的成就感）（仅仅只有每个角色多几张卡），大部分仍然是单局内的物质累计成就感。~~在技术提升成就感上，雀魂的段位机制以及视觉享受上应该是完爆杀戮尖塔的进阶挑战。结合多人竞技机制，当这种自身的技术提升可以被别人看到时，带来的满足感应该会得到进一步提升。这或许可以解释为什么终末地的 boss 镀层这么受欢迎，因为它可以让你的蚀刻章变成独一无二的彩色，然后挂在自己的主页上。

今天被量子力学痛击，完全学不懂。不过保留有一丝对于你交物理教材的怀疑，这究竟是不是人类能够看懂的。需要找一个时间放空大脑重学一遍。

互联网应用技术的作业十分好玩，很久没有做到这么好玩的作业了。内容是搭建一个电子书店的前端页面，看到搭出来的精美页面还是很赏心悦目的，十分有成就感。虽然全程 Vibe Coding，手写的代码不超过 10 行，但是当把所有底层逻辑全部搞清楚之后有一种气贯长虹的明朗之势。

不得不说 Gemini 3.1 Pro(Preview) 对于 CSS 样式 "简约" 二字理解之深刻。

至此，大概只要再深入学习一下 JS 然后手搭一个健壮的个人博客的前置芝士应该就全都有了（真的会手搭吗？真的不是 Gemini 独自承担一切吗）。不过由于和 gyh ztr 联机 MC 的计划打水漂了所以租一台服务器的需求实际上并不是很大，还可以再观望一阵课程的内容。

publish 之后发现图片变得很糊，鼓捣了一番发现是 Eleventy 的 eleventy-img 插件追求图片处理的高性能，所以会压缩图片并改成 .webp 格式。解决办法是在 github 仓库根目录下找到 .eleventy.js 中的这一段

const Image = require("@11ty/eleventy-img");
function transformImage(src, cls, alt, sizes, widths = ["500", "700", "auto"]) {
  let options = {
    widths: widths,
    formats: ["webp", "jpeg"],
    outputDir: "./dist/img/optimized",
    urlPath: "/img/optimized",
  };
  // generate images, while this is async we don’t wait
  Image(src, options);
  let metadata = Image.statsSync(src, options);
  return metadata;
}

然后改成

const Image = require("@11ty/eleventy-img");
function transformImage(src, cls, alt, sizes, widths = [null, null, null]) {
  let options = {
    widths: widths,
    formats: ["webp", "jpeg"],
    outputDir: "./dist/img/optimized",
    urlPath: "/img/optimized",
    sharpWebpOptions: {
      quality: 85,
      smartSubsample: true
    },
    sharpJpegOptions: {
      quality: 85,
      progressive: true
    }
  };
  
  Image(src, options);
  let metadata = Image.statsSync(src, options);
  return metadata;
}

再 push 一下让 vercel 重新构建一下。