Set thumbnail and featured image in front matter

[LITUATUI]

Hi guys.

I'm migrating a big blog from WordPress to Hugo and my converted markdown posts have a featureImage field set in the front matter that I want to use both as thumbnail and as featured image (beginning of the post).

Is there a easy way to do this in this theme?

For example, in the Mainroad theme, If I set a thumbnail: image.jpg in the front matter, it's used as thumbnail and as featured image, just as I want. So I can use VSCode to batch search and replace the featureImage field with thumbnail in my markdown posts.

I'm dealing with hundreds of markdown files, it would be nice to know a easy/fast way to do this in this theme.

[razonyang]

Please take a look at the Thumbnail Selection Order if you haven't read it yet.

If your thumbnails are located at static folder or external platforms, the images parameter would be a good solution:

+++
images = [
  "/images/my-thumbnail.png" # Relative to `static` folder.
  # "https://example.com/images/foo.png" # External images.
]
+++

If the thumbnails are page resources, you'll need to move them to page level, and rename it to feature.png, thumbnail.jpg or cover.png etc.

[LITUATUI]

Thanks for the fast reply. Yes, did read that documentation.

I can batch search and replace the featureImage field in the front matter and get the thumbnails to show up, but what about the featured image - the image that appear at the beginning of the post? Can it be set in the front matter, or it is just for thumbnails?

[razonyang]

Currently, there is no such functionality that display a featured image at every top of posts. Could you please provide some real examples about this?

[LITUATUI]

Sure.

The blog that I'm trying to migrate from WordPress to Hugo shows the behavior I want. Use the same image as thumbnail and featured (start of the post).

As I mentioned previously, some Hugo themes do this.

For example, in the Mainroad theme, If I set a thumbnail: image.jpg in the front matter, it's used as thumbnail and as featured image, just as I want. So I can use VSCode to batch search and replace the featureImage field with thumbnail in my markdown posts.

This makes the migration to Hugo much simpler, since the most popular plugin to convert WordPress posts to markdown generates the following fields in the front matter:

title:
author:
type:
date:
url:
featureImage:
categories:
tags:

In the Mainroad theme I just batch search and replace featureImage: with thumbnail:.

[razonyang]

I see, but it won't be implemented like this, the current thumbnails look up order follows the same rules of Hugo built in Twitter Card and Open Graph templates. The thumbnail is not compatible with those templates.

As for the featured images at the beginning of posts, it's reasonable to display a featured image on a post. Could you please create a feature request and describe it in details?

[LITUATUI]

Thanks mate. Will do.