Image not showing in my website

support
1

Hi everyone,

I’m new to Hugo and I’m using version v0.148.2 with the Ananke theme. I’m having trouble getting my image to show up — even locally when I run hugo server.

What I’m Trying to Do:

I have a blog post with the following Markdown:

![Birds on Wires](/images/birds.png)

The image birds.png is placed in:

myblog/static/images/birds.png

After running hugo server, the rest of the content loads correctly, but the image returns a 404 error both locally (http://localhost:1313/myblog/) and after pushing to GitHub Pages:

My hugo.toml:

baseURL = “https://epicboy-manas.github.io/myblog/”
languageCode = “en-us”
title = “My EE Curiosity Blog”
theme = “ananke”

[params]
description = “Daily Electrical Engineering Curiosity Questions and Answers”

[markup.goldmark.renderer]
unsafe = true

What I’ve Tried:

  • Verified the image is inside static/images/birds.png

  • Confirmed it’s copied into public/images/ after hugo

  • Referencing it with both /images/birds.png and images/birds.png

  • BaseURL seems correct as the site is in a subfolder

But still no luck — even locally. What might I be doing wrong? Is it the image path or something with Ananke theme?

Thanks for your help!

2

https://discourse.gohugo.io/t/where-to-place-image-files-when-using-the-markdown-content-format/55087

1 Like
3

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