他说

本文介绍了如何在 Butterfly 主题中实现随机跳转友链的功能。原本计划使用 AnZhiYu 主题，但因配置繁琐而选择了 Butterfly 并稍作美化，但缺少安知鱼主题的随机跳转友链功能。作者通过前端抓取友链页面，提取所有 a.href 链接组成列表，然后随机抽取并跳转。具体实现为：定义一个名为 go 的异步函数，使用 fetch 获取 /friends 页面，解析 HTML 后提取所有 .flink-list-item a 的 href 属性，过滤无效链接后随机选择并跳转。通过修改主题配置文件，将脚本注入到每个页面的底部，并在页脚自定义文本中添加一个调用 go() 的链接，既不影响导航栏布局，又能为访客提供惊喜。作者最终将此功能作为彩蛋，避免与开往按钮混淆。

本文介绍了作者的一个连环梦，梦里先是与同学回到老学校体检，接着梦到与同学们一起玩明日方舟，通过老带新终于拿到满级角色；随后又梦到独自玩崩坏三，操控婚纱德莉莎通过躲避敌人战胜难关。醒来后虽感心瘾，但已不再想玩二次元游戏。

本文介绍了作者发现常用在线图片压缩网站无法访问后，转而寻求本地工具压缩 WebP 图片的经历。作者首先尝试使用 FFmpeg 但发现其只支持 WebP 解码而不支持编码，随后在 AI 推荐下使用了 cwebp 工具。文章详细说明了通过 brew install webp 安装 cwebp 的方法，以及使用 cwebp -q 75 图片输入 -o 压缩结果 命令进行图片压缩的具体操作，其中 75 代表图像质量参数。作者感叹该工具简单且高效，为无法访问在线服务的用户提供了一种可靠的本地替代方案。

本文介绍了作者在尝试使用 AstrBot 过程中的一次乌龙经历。起初作者以为安装 Shell 插件即可使用，但实际需要在后台手动启用权限开关。在好友的详细指导下，作者成功开启 Shell 功能，并通过命令查询系统内核、磁盘和内存信息，还利用 whois 命令查询好友的域名信息，体验了 AstrBot 的强大扩展能力。之后作者卸载了冗余的第三方插件，反思了技术探索中从误解到豁然开朗的过程。文章强调了安全配置的重要性、技术社区互助的价值，以及深入理解工具才能充分发挥其潜力的道理。

本文介绍了 AstrBot 机器人软件的安装与使用体验，作者将其安装在树莓派上，通过 1Panel 商店便捷部署。文章详细描述了接入大语言模型的过程，包括生成 API Key 、手动开启模型等步骤，并对比了与 OpenClaw 的差异。对话体验流畅、响应快速，但作者尝试让机器人执行 Shell 命令时失败，后通过插件系统查找权限设置仍未成功，最终呼吁社区帮助。整体评价：作为聊天工具初衷良好，延迟低，但作为 OpenClaw 竞品仍有改进空间。

本文介绍了如何通过在网站配置文件中添加 JavaScript 代码来解决目录显示异常的问题，该代码会在页面加载完成后等待所有图片加载，并在 1.5 秒后自动刷新页面，同时监听 PJAX 等异步加载事件以保持功能生效。文章还指出了之前使用 CSS 强制修改图片宽高比的做法是错误的，会导致评论区表情包异常，因此已删除该样式。作者反思了自己因精神状态不佳而导致的失误。

本文介绍了作者在使用树莓派运行 Gemma3 模型替代 DeepSeek 时遇到的网络速度问题。作者最初怀疑是移动网络或网卡驱动导致速度下降，但排查后发现光纤线弯曲导致光信号折射次数增加，从而引起延迟和速度降低。然而后续补充说明，实际原因可能是重新连接了另一个 LAN 口，网速因此恢复正常。文章以幽默的方式记录了这段排查经历，并科普了光纤弯曲对信号传输的影响。

本文介绍了在使用 Butterfly 主题时，遇到的目录大小计算问题，即目录仅统计首次加载时的内容而非加载完成后的实际大小。文章提供了解决方案：通过为图片添加 CSS 容器，设置 width: 100%、aspect-ratio 和 object-fit 属性，实现图片占位与裁剪，从而解决目录高度计算错误。同时，作者强调了根据网站图片比例（如 4:3、16:9 或 1:1）调整 aspect-ratio 值，并建议使用压缩后的 .webp 格式图片以保持原分辨率。最后给出了在主题配置文件中注入该 CSS 文件的方法。

本文介绍了作者对 OpenClaw 的使用体验与评价。作者指出 OpenClaw 虽然直接安装困难，但通过 1Panel 等图形化工具可轻松部署；其确实消耗 Token 较多，一天花费约 3 元，但并非网上所说的“扣光银行卡”般离谱。耗 Token 的罪魁祸首是默认开启了 46 个 Skill，每个 Skill 的 Description 过长，作者建议关闭不必要的 Skill 以节省成本。对于“使用简单”的说法，作者并不认同，认为其操作仍显黑箱，更适合当作有记忆的智能助手而非项目开发工具。最后，作者认为 OpenClaw 更适合有耐心、愿意投入成本且需要长期陪伴的用户，普通人可能并不适合。

本文介绍了在 Butterfly 主题中启用深色模式并解决 SVG 图片颜色冲突的方法。通过在 _config.butterfly.yml 中配置 darkmode 选项，可以开启深色模式切换按钮，并设置自动跟随系统或固定时间段切换。然而，手动引入的 .svg 图片在深色模式下不会自动变色，仍显示为黑色。为解决此问题，使用 CSS 媒体查询 @media (prefers-color-scheme: dark) 和滤镜 filter: brightness(0) invert(1) !important，将 SVG 图片在深色模式下反转成白色。将该样式保存为 svg.css，并通过 inject.head 配置注入到网站中，从而实现深色模式下 SVG 图片变为白色、浅色模式下保持黑色，避免颜色冲突。