hermit-V2/exampleSite/content/posts/post-with-featured-image.md

---
title: "Post With Featured Image"
date: 2018-10-01T16:15:09+08:00
draft: false
images: 
  - https://picsum.photos/1024/768/?random
tags: 
  - Demo
  - Image
---

Just define the image URL in the content’s front matter, the featured image will be displayed as the background. 

For example:

```yaml
---
images:
  - https://picsum.photos/1024/768/?random
---
```

This is an array, you can set multiple urls, only the first url will be used. These images is also used in [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html) and the [Open Graph](http://ogp.me/) metadata.
-												First commit

											
										
										
											2018-10-23 01:15:50 -04:00
+								---
 								title: "Post With Featured Image"
 								date: 2018-10-01T16:15:09+08:00
 								draft: false
-												Use `images` instead of `featuredImg`

`featuredImg` and `bgImg` are preserved in case you want to use a different background image from metadata images
											
										
										
											2018-12-31 07:03:32 -05:00
+								images:
 								  - https://picsum.photos/1024/768/?random
-												First commit

											
										
										
											2018-10-23 01:15:50 -04:00
+								tags:
 								  - Demo
 								  - Image
 								---
 								Just define the image URL in the content’s front matter, the featured image will be displayed as the background.
 								For example:
 								```yaml
-												Use `images` instead of `featuredImg`

`featuredImg` and `bgImg` are preserved in case you want to use a different background image from metadata images
											
										
										
											2018-12-31 07:03:32 -05:00
+								---
 								images:
 								  - https://picsum.photos/1024/768/?random
 								---
 								```
 								This is an array, you can set multiple urls, only the first url will be used. These images is also used in [Twitter Cards](https://developer.twitter.com/en/docs/tweets/optimize-with-cards/guides/getting-started.html) and the [Open Graph](http://ogp.me/) metadata.