Issue loading image on my Hugo Site

Hi - I am new to Hugo. I am using the Hugo-Sustain theme which has been very handy to generate a website quickly.

Similar to the example site, I am storing my images under static/img directory. I am trying to call one of my images in a blog post (directory: content/blog/ To try and call the image I have tried the below with and without a leading slash:

![Image Description](img/renewable_city_small.png) 

When I inspect the html or right click on the error icon displaying locally and on my webpage I am getting a 404 not found error. I have checked the spelling, file path, extension, etc. a million times. Am at a loss of how to get a simple image to display so any help would be much appreciated!

Hard to say without more information, but the destination should begin with a slash. What’s the baseURL for your project? Can you share your project repository?

Still not enough information…

oo yes, good call :slight_smile:

This is why I asked…

You are serving your site from a subdirectory:

baseURL = ""

So this:

![white kitten](/images/kitten.jpg)

is resolved to this (incorrect)

instead of this (correct):

This article explains the problem and offers a solution.

1 Like

Thank you so much. That worked. I very much appreciate it

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.