Fluid 特效 · 头图视差滚动
本文最后更新于 2026年9月27日 中午
本篇针对本站 Fluid 1.9.8 + 本站特效扩展。先完成特效管理接入，再调整以下配置。
设置步骤
进入“背景与导航”，启用“头图视差”。保存后打开首页，向下滚动比较背景图与正文板块的移动。
配置位置与参数
参数位于 source/_data/fluid_config.yml 的
banner。以下为相关字段示例；请合并到已有节点，不要用片段替换整份文件。列表仅展示部分示例时，保存前保留你自己的完整列表。
1 | |
本站头图来自 themes/fluid/_config.yml 的 index.banner_img，首页高度由 index.banner_img_height 控制。视差开关不会替你更换图片，也不会修改头图高度。
实现位置
Fluid 在 banner 节点上输出 parallax 属性，由主题脚本和样式处理滚动表现。本站复用这一原生行为，没有额外叠加一个滚动监听动画。
验证与排错
关闭开关后刷新，同样的图片仍保留，但不再采用该视差行为。若页面滚动不流畅，可以关闭此项，保留其他特效。
管理页保存后会重新生成本地站点。刷新验证无误，再按发布教程提交上线。