fastn blog Template. Build Your Own Website with Ease

Blog

Docs

ds.post-card can be used to show blog/article meta as a post-card. To see it in action - Click here.

Example:

Input

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- ds.post-card:
post-data: $sample-post-1.meta1

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- ds.post-card:
post-data: $sample-post-1.meta1

Lang:

ftd

Output

Lorem ipsum

Lorem ipsum dolor sit amet. Est voluptatem esse ipsum dolor sit amet

Pema Chinyam

Jul 19, 2023

-- ds.post-card:
post-data: $sample-post-1.meta

-- ds.post-card:
post-data: $sample-post-1.meta

Lang:

ftd

Properties of `post-card` component

post-data - type: record use common.post-meta record to create featured post of your blog post as shown in below code snippet. To see it in featured posts page - Click here.

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

Lang:

ftd

Index

🏠 Blog Template Components

post-card

ds.post-card can be used to show blog/article meta as a post-card. To see it in action - Click here.

Example:

Input

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- ds.post-card:
post-data: $sample-post-1.meta1

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- ds.post-card:
post-data: $sample-post-1.meta1

Lang:

ftd

Output

Lorem ipsum dolor sit amet. Est voluptatem esse ipsum dolor sit amet

Pema Chinyam

Lorem ipsum

Jul 19, 2023

-- ds.post-card:
post-data: $sample-post-1.meta

-- ds.post-card:
post-data: $sample-post-1.meta

Lang:

ftd

Properties of `post-card` component

post-data - type: record use common.post-meta record to create featured post of your blog post as shown in below code snippet. To see it in featured posts page - Click here.

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

-- common.post-meta meta1: Quo praesentium sapiente vel soluta assumenda et
tag: Lorem ipsum
author: $author.pema
published-on: May 18, 6 min
post-image: $assets.files.assets.featured-1.jpg
post-url: blog-articles/sample-post-1/

Lang:

ftd

I’m surprised you had the courage to take the responsibility yourself.

Example:

Properties of post-card component

Index

Example:

Properties of post-card component

Properties of `post-card` component

Properties of `post-card` component