页头断点

2023年9月3日 1 分钟阅读模块新闻页头断点

页头模块引入了一个名为 breakpoint 的参数，以控制折叠和展开的行为。

本页内容

赞助

背景

起初，页头被设计为当屏幕宽度小于 xxl 断点时折叠，否则展开。而问题是于 lg 和 xl 断点下，页头折叠时显得空空如也。因此我们引入了一个 breakpoint 的参数，并以 lg 作为默认断点，以适应大多数情况。

hugo.toml

1[params]
2  [params.hb]
3    [params.hb.header]
4      breakpoint = 'xl'

hugo.yaml

1params:
2  hb:
3    header:
4      breakpoint: xl

hugo.json

1{
2   "params": {
3      "hb": {
4         "header": {
5            "breakpoint": "xl"
6         }
7      }
8   }
9}

详情请参阅页头参数。