跳至内容

亚克力效果

控制页面各元素(如卡片、导航栏)的亚克力(磨砂玻璃)效果。

配置位置

在站点根目录的 hugo.toml 中设置:

[params.theme]
  # 说明:设置亚克力透明度(不透明度)的默认值(百分比)。
  # 取值范围:0 到 95 之间的数字。
  # 数值越大:亚克力越"实"(更不透明);数值越小:越"透"。
  defaultGlassStrength = 45

设置面板控件

外观标签页提供了三个滑动条:

  1. 透明度settingsPanelGlassRangeLabel):控制亚克力表面的透明度。范围 0%–95%,默认值由 defaultGlassStrength 决定。
  2. 模糊半径settingsPanelGlassBlurLabel):控制背景模糊的强度。范围 0px–48px,默认 24px。
  3. 背景模糊settingsPanelBackgroundBlurLabel):控制自定义背景图片的模糊程度。范围 0px–40px,默认 0px。

读者可实时调节,修改后的值会保存在本地。

优先级规则

  1. 用户手动调节:用户可以通过设置面板中的滑动条实时调节透明度与模糊半径,手动调节的结果优先级最高。
  2. 站点配置:新用户访问时使用 defaultGlassStrength 作为初始透明度。
最后更新于 • alexma233