Bootstrap Article Cards Shortcode
On this page
Please check out the tutorial to
start using Hugo modules.
This shortcode generate a list of articles in card style.
Usage
1{{< bs/article-cards >}}
Parameters
limit
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
| - | limit | number | 12 | - |
The number of articles.
linkText
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
| - | linkText | string | Read more | - |
The text of link, the entire card will be clickable when empty.
sections
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
| - | sections | string | - | - |
The article sections, multiple sections separated by comma, such as blog,docs.
summaryLen
| Position | Name | Type | Default | Required |
|---|---|---|---|---|
| - | summaryLen | number | 240 | - |
The max length of summary.
Site Parameters
hugo.yaml
1params:
2 bootstrap:
3 article_cards:
4 image_height: 240
5 limit: 12
hugo.toml
1[params]
2 [params.bootstrap]
3 [params.bootstrap.article_cards]
4 image_height = 240
5 limit = 12
hugo.json
1{
2 "params": {
3 "bootstrap": {
4 "article_cards": {
5 "image_height": 240,
6 "limit": 12
7 }
8 }
9 }
10}
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
limit | number | - | 12 | The default number of posts. |
image_height | number | - | 240 | The default height of image. |
Examples
Default Article Cards
1{{< bs/article-cards limit=3 >}}
Releases
Jan 24, 2024
NO IMAGE
github.com/hugomods/decap-cms/v0.9.0
0.9.0 (2024-01-24) Please check out interested PRs for details, the docs page hasn’t been updated yet.
Features ✨...
Blog
Jan 22, 2024
Deploy Hugo static sites on Digitalocean App Platform via Docker
DigitalOcean app platform offers a starter tier, which allows creating up to three static sites for free, in this...
Releases
Jan 20, 2024
NO IMAGE
github.com/hugomods/debugger/v0.1.1
0.1.1 (2024-01-20) Bug Fixes 🐞 deps: require github.com/hugomods/icons/vendors/bootstrap module (710dafc)
Default Article Cards Without Link Text
1{{< bs/article-cards limit=3 linkText="" >}}
Releases
Jan 24, 2024
NO IMAGE
github.com/hugomods/decap-cms/v0.9.0
0.9.0 (2024-01-24) Please check out interested PRs for details, the docs page hasn’t been updated yet.
Features ✨...
Blog
Jan 22, 2024
Deploy Hugo static sites on Digitalocean App Platform via Docker
DigitalOcean app platform offers a starter tier, which allows creating up to three static sites for free, in this...
Releases
Jan 20, 2024
NO IMAGE
github.com/hugomods/debugger/v0.1.1
0.1.1 (2024-01-20) Bug Fixes 🐞 deps: require github.com/hugomods/icons/vendors/bootstrap module (710dafc)