页头横幅动画

页头横幅动画

于页头横幅标题和描述上应用 AOS 动画,使页面给人留下深刻印象。

页头横幅动画

于页头横幅标题和描述上应用 AOS 动画。
本页内容

配置

你需要开启 markup.goldmark.parser.attribute.block 以于标题和描述上添加属性。

类似地,你可以于任意内容添加属性。

hugo.toml

1[markup]
2  [markup.goldmark]
3    [markup.goldmark.parser]
4      [markup.goldmark.parser.attribute]
5        block = true
6        title = true

hugo.yaml

1markup:
2  goldmark:
3    parser:
4      attribute:
5        block: true
6        title: true

hugo.json

 1{
 2   "markup": {
 3      "goldmark": {
 4         "parser": {
 5            "attribute": {
 6               "block": true,
 7               "title": true
 8            }
 9         }
10      }
11   }
12}

Requirements

Module
github.com/hbstack/banner
github.com/hugomods/aos

Source Code