post
ds.post component, helps you to create your posts and article pages with ease.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/navy-nebula/blog-authors/patrica as author -- common.post-meta meta: Lorem ipsum dolor sit amet. Est voluptatem esse tag: Lorem ipsum author: $author.patrica published-on: May 18, 6 min post-image: $assets.files.assets.featured-1.jpg post-url: blog-articles/sample-post/ -- ds.post: meta: $meta -- ds.markdown: Lorem ipsum dolor sit amet. Est voluptatem esse ea repellat facere ut itaque labore ex quaerat error et distinctio reiciendis? Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! -- ds.image: src: $assets.files.assets.img.jpg -- ds.h2: Working remotely as a digital nomad in Honduras -- ds.markdown: Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. -- ds.h2: Roatan Island as a digital nomad base -- ds.markdown: Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil.Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil.Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil. -- ds.image: src: $assets.files.assets.img2.jpg -- ds.markdown: `Activities in Roatan` Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. -- ds.h2: Coworking in Roatan -- ds.markdown: In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. -- ds.image: src: $assets.files.assets.img3.jpeg -- ds.markdown: Along with fast Wifi and great amenities, Beach Desk had incredible views of the Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! In laborum animi eum repellat ullam non temporibus delectus.Eos libero natus est minima laudantium hic dolor maxime et necessitatibus voluptatem. Sed accusantium magnam sed earum voluptatum quo mollitia voluptatem quo provident aliquid. Ad quam tenetur est repellendus dicta vel voluptas omnis ut alias galisum! -- ds.image: src: $assets.files.assets.img4.jpg -- ds.h2: Wrap-Up: Life as a Digital Nomad in Roatan -- ds.markdown: Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil.Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil.Quo praesentium sapiente vel soluta assumenda et omnis doloremque est beatae voluptatem! Eum delectus dolorum et animi consectetur est asperiores tempore rem inventore nihil.
post.ftd
Lang:
ftd
Let’s understand above code snippet:
Importing author
Learn more:
ds.author-bioBelow code snippet is used to add post meta.
-- common.post-meta meta: Lorem ipsum dolor sit amet. Est voluptatem esse tag: Lorem ipsum author: $author.patrica published-on: May 18, 6 min post-image: $assets.files.assets.featured-1.jpg post-url: blog-articles/sample-post/
Lang:
ftd
Let’s understand properties of
common.post-meta record.
common.post-meta - type: recordIt’s used to add post metadata.
Below are properties ofcommon.post-meta record:title - type: captionbody - type: bodypublished-on - type: stringpost-image - type: ftd.image-src optionalpost-url - type: string optionalauthor - type: author-metaUsing -- 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.
