How to edit blog posts in Astro
Steps to Edit a Blog Post
Accessing the File
Navigate to your blog post file in the src/content/blog/ directory. The filename typically matches your post’s URL slug (e.g., my-first-post.md).
Editing Frontmatter
The frontmatter is the metadata section at the top of your markdown file, contained between the --- markers. Here’s what you can modify:
title: The post’s main heading
excerpt: A brief summary of your post
featuredImage: Path to the post’s main image (automatically used for SEO too)
publishDate: Original publication date
publish: true
categories: Array of relevant categories
title: 'How to edit blog posts in Astro';
excerpt: 'Learn how to edit posts in Astro';
featuredImage: './images/edit-posts.jpg';
publishDate: '2024-03-10';
publish: true;
categories: ['Theme Usage'];
seo: title: 'Custom SEO Title (Optional)';
description: 'Custom SEO Description (Optional)';Image Paths
For the featuredImage, use a relative path to the image in your content folder:
"./images/my-image.jpg"- Image in the blog/images folder
SEO Settings
The seo section is optional and allows you to customize how your post appears in search engines and social media:
- title: Custom title for SEO (if different from post title)
- description: Custom description for SEO (if different from excerpt)
- image: Custom image for SEO (if different from featured image)
Your featured image is automatically used for SEO and social sharing, so you typically don’t need to specify a separate SEO image.
Editing Content
Below the frontmatter will contain the content of the post. This content is rendered out on your slug page (/src/pages/blog/[slug].astro).
Astro Docs
Astro contains great documentation on editing blog post content. Listed below are links to the relevant sections: