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 >}}
Docs May 1, 2024
NO IMAGE
Hugo Encoder Module
Encode text to protect email address and telephone number from spam bots.

Read more

Releases Mar 12, 2024
NO IMAGE
github.com/hugomods/base/v0.5.0
0.5.0 (2024-03-12) Features ✨ add the data function to fetch data from page data or site data (#40) (96a6fc9)

Read more

Releases Mar 11, 2024
NO IMAGE
github.com/hugomods/icons/vendors/tabler/v0.15.28
0.15.28 (2024-03-10) Continuous Integration deps: update module github.com/tabler/tabler-icons to v3 (915f74f)

Read more

Default Article Cards Without Link Text

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