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 >}}
News Feb 8, 2025
NO IMAGE
The new logo for HugoMods
HugoMods is not an official project, and the original logo is somewhat similar to the official one. Therefore, we have...

Read more

Hugo Analytics Modules Oct 14, 2024
NO IMAGE
Hugo Cloudflare Analytics Module
Cloudflare Analytics provides free, privacy-first analytics for your website.

Read more

Hugo Analytics Modules Oct 14, 2024
NO IMAGE
Hugo Baidu Analytics Module
Baidu Analytics is a powerful and thorough tool for collecting accurate analytics from a campaign.

Read more

Default Article Cards Without Link Text§

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