ds.post
component, helps you to create your posts and article pages with ease.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.-- import: fastn-community.github.io/doc-site/blog-authors/john-doe 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/category-1/sample-post-1/
author: $author.john-doe
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.
-- 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/category-1/sample-post-1/
author: $author.john-doe
Sed ut perspiciatis unde omnis iste natus error sit voluptatem
accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
illo inventore
common.post-meta
record.common.post-meta
- type: record
It's used to add post metadata.
Below are properties ofcommon.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.