A Hugo theme component with caniuse shortcode.

1
2
3
4
5
6
7

[module]

[[module.imports]]
path = "github.com/hugo-fixit/FixIt"

[[module.imports]]
path = "github.com/hugo-fixit/shortcode-caniuse"

1
2
3
4
5
6

[params]

[params.custom_partials]
# ... other partials
assets = [ "inject/shortcode-caniuse.html" ]
# ... other partials

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

[params]

# CanIUse Embed Element Configuration
# See: https://github.com/Lruihao/caniuse-embed-element
[params.caniuse_embed]
# whether to show the feature support baseline, default is false
baseline = false
# show the past N versions that match the feature, range is 0 - 5, default is 2
past = 2
# show the future N versions that match the feature, range is 0 - 3, default is 1
future = 1
# the origin of the caniuse embed data source, default is "https://caniuse.lruihao.cn"
origin = "https://caniuse.lruihao.cn"
# loading strategy for the iframe (eager or lazy), default is lazy
loading = "lazy"
# only production environment effective
# e.g. https://unpkg.com/@cell-x/caniuse-embed-element/dist/caniuse-embed-element.iife.js
cdn = ""

1
2
3

{{< caniuse feature="flexbox" >}}
或者
{{< caniuse "flexbox" >}}