配置
你需要開啓 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/header/modules/banner |
github.com/hugomods/aos |
Source Code
1---
2header:
3 banner:
4 description: |
5 於頁頭橫幅標題和描述上應用 AOS 動畫，使頁面給人留下深刻印象。
6 { data-aos="fade-up" data-aos-delay="200" }
7 img: /images/banners/black.jpg
8 title: |
9 頁頭橫幅動畫
10 { data-aos="fade-up" }
11---
