Cover image source: Source
This blog template is built with Astro. For the things that are not mentioned in this guide, you may find the answers in the Astro Docs.
,girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg){kind=link}
---
title: My First Blog Post
published: 2023-09-09
description: This is the first post of my new Astro blog.
image: ./cover.jpg
tags: [Foo, Bar]
category: Front-end
draft: false
---
| Attribute | Description |
|---|---|
title |
The title of the post. |
published |
The date the post was published. |
description |
A short description of the post. Displayed on index page. |
image |
The cover image path of the post.<br/>1. Start with http:// or https://: Use web image<br/>2. Start with /: For image in public dir<br/>3. With none of the prefixes: Relative to the markdown file |
tags |
The tags of the post. |
category |
The category of the post. |
draft |
If this post is still a draft, which won't be displayed. |
Your post files should be placed in src/content/posts/ directory. You can also create sub-directories to better organize your posts and assets.
src/content/posts/
├── post-1.md
└── post-2/
├── cover.png
└── index.md