你的瀏覽器不支持 JavaScript。

頁頭斷點

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}

詳情請參閱頁頭參數。