## 使用 Hugo Render Hooks 实现现代响应式图片 本文详细介绍了一种在 Hugo 中生成响应式图片的新方法,不再使用 2022 年使用的短代码方法。随着 WebP 得到广泛支持,该过程现在可以通过 Hugo 的 Render Hooks 来简化。 在 layouts 目录下的 `render-image.html` 文件会生成 WebP 和 JPEG 两种版本的图片,并将 `srcset` 属性直接嵌入到单个 `<img>` 标签中。WebP 优先级更高,JPEG 作为旧浏览器的后备方案。该 Hook 会动态地将图片调整为不同的宽度(例如 480px、768px、1024px 等),并利用页面包(将图片与 Markdown 内容放在一起)来改善组织结构。 配置允许在 `config.toml` 中设置默认 WebP 质量(例如 85)。这种简化的方法消除了对 `<picture>` 元素和复杂短代码的需求,为 Hugo 项目提供了一种更简洁、更现代的响应式图片解决方案。它利用标准的 Markdown 图片语法,易于使用。
## Orange Pi 6 Plus:深度总结
Orange Pi 6 Plus 搭载 CIX P1 (12 核 CPU,Mali G720 GPU,专用 NPU),承诺提供强大且紧凑的板卡,适用于家庭实验室、边缘 AI 等。然而,实现这一潜力需要大量的软件工作。本次评测涉及构建定制操作系统镜像(Debian 13),以克服供应商软件限制并优化性能。
该板卡具有双 5GbE、Wi-Fi 和 16GB 内存。虽然硬件很有前景,但初步软件设置具有挑战性,需要修复启动链、GPU/NPU 驱动程序和软件包依赖项。
性能测试侧重于本地 AI 推理。该板卡在 Vulkan 上使用 Qwen3.5 4B 模型时表现出色,实现了稳定且可用的结果。基于 CPU 的推理,使用 `ik_llama.cpp` 对于某些模型也证明是令人惊讶的有效。功耗高于同类板卡(平均 15.5W),并且散热风扇噪音明显。
最终,Orange Pi 6 Plus 最适合特定任务,例如本地 AI 实验和受益于其连接性的紧凑型 Linux 服务。它需要付出专门的努力才能释放其潜力,但对于愿意投入时间的人来说,它为 x86 和传统 SBC 提供了一个引人注目的替代方案。