---
title: "Cover Image Example"
published: 2023-09-01
description: "How to set a cover image using the cover attribute."
image: "https://image.civitai.com/xG1nkqKTMzGDvpLrqFT7WA/208fc754-890d-4adb-9753-2c963332675d/width=2048/01651-1456859105-(colour_1.5),girl,_Blue,yellow,green,cyan,purple,red,pink,_best,8k,UHD,masterpiece,male%20focus,%201boy,gloves,%20ponytail,%20long%20hair,.jpeg"
tags: ["Fuwari", "Blogging", "Customization"]
category: test
draft: false
---

## Set the cover image using the `image` attribute

Select an Image: Before you start, make sure you have an image you want to use as a cover. Let's assume its filename is my-cover-image.jpg and it's located in an images directory at the root of your site.

Edit your article: At the top of your Markdown file, include the frontmatter section. Set the `image` attribute to the path of your image file.

```markdown
---
title: "Your Article Title"
published: 2023-10-05
image: "/images/my-cover-image.jpg"
---
```

Web URLs are also supported.