Bootstrap Article Cards Shortcode

This shortcode generate a list of articles in card style.

Usage

1{{< bs/article-cards >}}

Parameters

limit

PositionNameTypeDefaultRequired
-limitnumber12-

The number of articles.

linkText

PositionNameTypeDefaultRequired
-linkTextstringRead more-

The text of link, the entire card will be clickable when empty.

sections

PositionNameTypeDefaultRequired
-sectionsstring--

The article sections, multiple sections separated by comma, such as blog,docs.

summaryLen

PositionNameTypeDefaultRequired
-summaryLennumber240-

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}
NameTypeRequiredDefaultDescription
limitnumber-12The default number of posts.
image_heightnumber-240The default height of image.

Examples

Default Article Cards

1{{< bs/article-cards limit=3 >}}
Releases Feb 20, 2024
NO IMAGE
github.com/hugomods/search/v0.11.1
0.11.1 (2024-02-20) Bug Fixes 🐞 make sure hiding search icon before showing spinner icon (#215) (7fe1301) stop...

Read more

Releases Feb 20, 2024
NO IMAGE
github.com/hugomods/bootstrap/v0.17.1
0.17.1 (2024-02-20) Bug Fixes 🐞 img-grid: make sure using the proper .Page (#116) (a71cdd3)

Read more

Releases Feb 19, 2024
NO IMAGE
github.com/hugomods/icons/vendors/simple-icons/v1.0.30
1.0.30 (2024-02-19) Bug Fixes 🐞 create empty assets folder to be vendorable (#304) (af60c08)

Read more

Default Article Cards Without Link Text

1{{< bs/article-cards limit=3 linkText="" >}}