Bootstrap Article Cards Shortcode
On this page
Donate
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 >}}
Docs
Jun 20, 2024
NO IMAGE
Hugo Swagger UI Module
Hugo Swagger UI Module which ships with a shortcode and standalone preset layout.
Docs
May 1, 2024
NO IMAGE
Hugo Encoder Module
Encode text to protect email address and telephone number from spam bots.
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)
Default Article Cards Without Link Text
1{{< bs/article-cards limit=3 linkText="" >}}
Docs
Jun 20, 2024
NO IMAGE
Hugo Swagger UI Module
Hugo Swagger UI Module which ships with a shortcode and standalone preset layout.
Docs
May 1, 2024
NO IMAGE
Hugo Encoder Module
Encode text to protect email address and telephone number from spam bots.
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)