Documentation
Page Configuration

The section theme inbuilt support multiple layouts for the blog. You can handle it with front matter.

Front matter

Section theme supports the common front matter for your blog that helps you with SEO.

new-post.mdx
---
type: post
title: 15 Facts You Never Knew About Photography
description: Dolor adipisicing adipisicing Lorem et irure veniam nisi anim excepteur mollit occaecat eu.
date: 2022-11-15T08:14:33.826Z
tags:
  - 15 facts
  - Photography
  - Jeanne Ballard facts
image: /images/photographer.jpg
author: 
    name: Rajdeep Singh
    url: "http://officialrajdeepsingh.dev"
    image: https://avatars.githubusercontent.com/u/32416397?s=324&u=3ae103d5ff7b6bd219e5e1228afb102c10536fb9
---
 
start write your post from now on.

Image

You can add image in various ways in your blog front matter.

image front matter example
 
## Accept
 
image: https://cdn.pixabay.com/photo/2023/05/12/08/31/bird-7987948_1280.jpg
 
## Don't Accept  
 
image: https://cdn.pixabay.com/photo/2023/05/12/08/31/bird-7987948_1280.jpg https://cdn.pixabay.com/photo/2023/05/22/18/17/insect-8011258_1280.jpg
 
## Don't Accept 
 
image:
  - https://cdn.pixabay.com/photo/2016/05/31/10/52/contact-us-1426589_1280.png
  - https://cdn.pixabay.com/photo/2014/08/05/10/27/iphone-410311_1280.jpg
 
## Don't Accept 
 
image: 
  - url : https://cdn.pixabay.com/photo/2017/03/03/13/56/key-2114046_1280.jpg
    alt : Demo image by pixabay
    with: 300
    height : 300
 

Home Page

You can set up a blog home page with the Section Theme. It is unique For your site.

Home Page

index.mdx
---
type: home
title: Home Page - Rajdeep Singh
description : Home page 
image: https://cdn.pixabay.com/photo/2023/05/21/19/45/rose-8009275_1280.jpg
---

Raw Page

A raw page is a raw page without any typography or other style. You can control everything. Similar to the home page, you can also build a home page using Raw. It gives you more control over your design.

index.mdx
---
type: raw
title : Raw with Home Page
description : Raw with Home Page
---

Raw Page

Basic Page

Page

You can create basic or regular page like about, contact, etc.

about.mdx
---
type: page
title: About us - Rajdeep Singh
description : About page
---
 

Posts Page

Show all the posts or articles in current folder.

Posts Page

index.mdx
---
type: posts
title: Posts List
description: Our blog posts
---

Post Page

Show single post on page.

Post Page

my-new-post.mdx
---
type: post
title: 15 Facts You Never Knew About Photography
description: Dolor adipisicing adipisicing Lorem et irure veniam nisi anim excepteur mollit occaecat eu.
date: 2022-11-15T08:14:33.826Z
tags:
  - 15 facts
  - Photography
  - Jeanne Ballard facts
image: /images/photographer.jpg
author: 
    name: Rajdeep Singh
    url: "http://officialrajdeepsingh.dev"
    image: https://avatars.githubusercontent.com/u/32416397?s=324&u=3ae103d5ff7b6bd219e5e1228afb102c10536fb9
---

Tags

Show posts related to a tags page.

Tags Page

tags/[tag].mdx
---
type: tag
---
 
import { TagName, TagTitle } from "section-blog-theme/Tag";
 
<TagTitle />
 
# Posts Tagged with “<TagName />”
 
export { getStaticProps, getStaticPaths } from "section-blog-theme/Tag";

404

Create 404 error page in blog.

404 Page

404.mdx
---
type : 404
---

500

Create 500 error page

500.mdx
---
type : 500
---