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 >}}
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

Hugo Analytics Modules Oct 13, 2024
NO IMAGE
Hugo Umami Analytics Module
Umami is an open-source, privacy-focused web analytics tool that serves as an alternative to Google Analytics.

Read more

Default Article Cards Without Link Text

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