Example:

To see example post - Click here

To write a post/article add your post meta and post details. Below code snippet shows how to write a post meta and create your post.

Example of how to create blog post

-- import: fastn-community.github.io/midnight-storm/blog-authors/patrica as author

-- common.post-meta meta: A day in a city of dreams
published-on: July 22, 2014 at 10:02 pm
post-image: $assets.files.static.image-placeholder.png
post-url: blog-articles/sample-post
author: $patrica.patrica

Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab 
illo inventore.

-- ds.post: 
meta: $meta

-- ds.markdown:

Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab 
illo inventore veritatis et quasi architecto beatae vitae dicta sunt 
explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut 
odit aut fugit, sed quia consequuntur magni dolores eos qui ratione 
voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum 
quia dolor sit amet, consectetur, adipisci velit, sed.

***Lorem ipsum*** dolor sit amet, consectetur adipiscing elit, sed do 
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad 
minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip 
ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non 
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab 
illo inventore beatae vitae dicta sunt explicabo. Nemo enim ipsam 
voluptatem quia voluptas sit aspernatur aut odit aut f.

`Duis aute irure dolor` in reprehenderit in voluptate velit esse cillum 
dolore eu.

-- ds.code: `Duis aute irure dolor` code
lang: ftd

-- ftd.text: Title of the text
role: $fastn.type.fine-print
color: $fastn.color.main.text-strong

-- ds.h1: Some title of the level 1 heading

Here we add a body for the level 1 heading. This can be multiline and 
has no limits.

post.ftd

Lang:

ftd

Let's understand above code snippet:

Importing author

Learn more: ds.author-bio

Below code snippet is used to add post meta.

-- common.post-meta meta: A day in a city of dreams
published-on: July 22, 2014 at 10:02 pm
post-image: $assets.files.static.image-placeholder.png
post-url: blog-articles/sample-post
author: $patrica.patrica

Sed ut perspiciatis unde omnis iste natus error sit voluptatem 
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab 
illo inventore

Lang:

ftd

Let's understand properties of common.post-meta record.

common.post-meta - type: record

It's used to add post metadata.

Below are properties of common.post-meta record:

title - type: caption

body - type: body

published-on - type: string

post-image - type: ftd.image-src optional

post-url - type: string optional

author - type: author-meta

Using -- ds.markdown: you can add more body content to your ds.post component.

ds.post component has built-in container in which you can add as many components you want to use, as shown in above example. e.g. ds.code, ds.h1 etc.