---
title: 'Cover Image Example'
published: 2022-09-09
description: 'How to set a cover image using the cover attribute.'
cover:
  url: 'https://saicaca.github.io/vivia-preview/assets/79905307_p0.jpg'
  alt:
tags: ["Fuwari", "Blogging", "Customization"]
---

# How to set a cover image using the cover 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. Add a cover attribute and specify the path to your cover image.

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