Using Images from post directory

[yshalsager]

So, I have been finally able to update the theme to the latest release, including Hugo pipes version, but unfortunately this commit c08bca7 is breaking all posts images preview on my website because of my posts structure which is:

post1
├── images
│   └── kimberly-farmer-lUaaKCUANVI-unsplash.jpg
└── index.md

Inside index.md there's the image attribute in the YAML metadata like images = ["images/kimberly-farmer-lUaaKCUANVI-unsplash.jpg"]

I don't like putting all images in one directory and prefer my current approach.

I have tried debugging .Params.images and it points to /images/kimberly-farmer-lUaaKCUANVI-unsplash.jpg indeed, but this URL should be preceded by post URL in order for the image to be shown correctly.

Suggestions will be appreciated!

CC: @razonyang @ElanHasson

[razonyang]

Sorry for the inconvenience. Because the previous approach is in conflict with the Hugo built in Twitter Card and Open graph templates(the images will not be treated as page resources).

If you're using a page resource as the thumbnails. You'll need to move the thumbnail image to page level, and rename it to feature.png, cover.png or thumbnail.png etc. Finally, delete the images parameter.

For example: /posts/my-page/images/my-thumbnail.png to /posts/my-page/featured.png.

As for the rest of images under images folder are still processed by Markdown correctly.

[razonyang]

What's the value of mainSections?

[razonyang]

@yshalsager FYI, The thumbnails issue on the search page should be fixed by #459.
Preview: https://deploy-preview-459--hugo-theme-bootstrap.netlify.app/en/search/?q=markdown

[yshalsager]

What's the value of mainSections?

Ah I was missing it, adding it fixed the problem!

[yshalsager]

@yshalsager FYI, The thumbnails issue on the search page should be fixed by #459. Preview: deploy-preview-459--hugo-theme-bootstrap.netlify.app/en/search/?q=markdown

Amazing! Thank you so much :)
Time to deploy the updated site ⚙️

[razonyang]

@yshalsager My pleasure.

[ElanHasson]

@razonyang a few folks have run into this issue-- what can be done to improve the change I introduced or would you consider it to be a documentation "problem"?

[razonyang]

Done 0f518d1. It should be more visible than Thumbnail Selection Order.