Serve Image from within 'content' subdirectory

[zvlad]

Hi. I’m new to Hugo and came across the following issue:

[SOlved] How to... insert image in my post?

I am new to Hugo. I understand the preferred way is to put ALL images of ALL content into a common “static” folder (while possibly creating subdirectories for images below that static folder) and use absolute paths (starting with a ‘/’) in my markdown. I don’t like this because it disables subdirectories of my content to be self-contained. Why isn’t it possible to add an image subdirectory to each content subdirectory or put the images directly into the content directory? The benefit would for e…

The next answer:

[SOlved] How to... insert image in my post?

Sorry, I just noticed that in general my attempt seems to work - even with hugo serving from memory. My fault was to name the directory “_image”. Subdirectories below “content” starting with an underscore seem to be ignored by hugo serving from memory while being copied to the outputdirectory when hugo renders to disk.

says author finally succeed putting images resources to content’s subdirectory. However, it’s not the case with my attempts.

Just to be clear, the thing I want to reach is to have the following dirs structure like the following:

post
├── amazingStory
│   ├── Amazing-Story.md
│   └── images
│       └── img1.jpg

and then refer to the image:

<!-- in of Amazing-Story.md -->
...
Story is started ![here](./images/img1.jpg) 
...

The questions I have:

1. Is it possible?
2. Can I see any examples anywhere?

I’ve taken a look at 4-5 or even more themes’ exampleSite. And non of them has post
subdirectories supplied with resources.

Thanks for your support.

[maiki]

We have a lot of documentation for including resources with the HTML document that references it. Specifically, check https://gohugo.io/content-management/page-bundles/ and https://gohugo.io/content-management/page-resources/.