- Create a new folder in
src/blog
. The name of the folder is going to be the slug of the page. - Create a file named
index.md
inside of this folder. Use markdown to format the post.
To add some variables to the post like the date or a SEO description use the following format at the very top of the markdown file:
---
title: 'Title of the blog post'
date: '2020-05-02T00:00:00.000Z'
description: 'This is a custom description for SEO and Open Graph purposes, rather than the default generated excerpt. Simply add a description field to the frontmatter.'
featuredImage: './featured-image.jpg'
---
Content of the blog post goes here...
If you want to add a image simply put it in the same folder like index.md
file and link it in your blog post: ![Image Description](./image.jpg)
.
To add a featured image add the featuredImage
variable to the frontmatter.
Note: the featured image should be 1024px wide. It's displayed with 1024px so save space by scaling it down if necessary.