# Problems displaying illustrations on GitHub pages

**URL:** <https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629>\
**Category:** Uncategorized\
**Created:** [November 25, 2020, 4:12pm UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629 "2020-11-25T16:12:47Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Brenda89](https://avatars.discourse-cdn.com/v4/letter/b/87869e/32.png) [@Brenda89](https://discourse.gohugo.io/u/Brenda89)\
**Post date:** [November 25, 2020, 4:12pm UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/1 "2020-11-25T16:12:48Z")

</div>

Hi,  
I’ve just uploaded my first Hugo site to GitHub pages. I have tested it first with the ./hugo server command and everything looked fine. However, now I have uploaded it, I can’t see any of the illustrations within my text. The illustrations I placed in the banners look fine.

I’ve kept the same code that was used in the Ananke file, so  
{{\< figure src="/images/market\_dashboard.png" \>}}

I know for a fact that the names and extensions are correct.  
How could I improve my code?

Cheers,  
Brenda

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [November 25, 2020, 6:27pm UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/2 "2020-11-25T18:27:37Z")

</div>

Please provide a link to the live site, or to the public repository for your project.

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [November 26, 2020, 12:22am UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/4 "2020-11-26T00:22:25Z")

</div>

Your root of your site is:  
`https://brendaloznik.github.io/portfolio/`

When I visit [this page](https://brendaloznik.github.io/portfolio/projects/project5/), the URL of the missing image is `/images/bird_index.png`. It should be `/portfolio/images/bird_index.png`.

---

<div class="post-metadata">

**Author:** ![Brenda89](https://avatars.discourse-cdn.com/v4/letter/b/87869e/32.png) [@Brenda89](https://discourse.gohugo.io/u/Brenda89)\
**Post date:** [November 26, 2020, 10:56am UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/5 "2020-11-26T10:56:27Z")

</div>

I will try to fix this, but isnt it strange then that the header images that are in the same folder do show?

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [November 26, 2020, 11:46am UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/6 "2020-11-26T11:46:35Z")

</div>

No, it is not strange. When I view source:

```auto
<header class="cover bg-top" style="background-image: url('https://brendaloznik.github.io/portfolio/images/bird.jpg');">

```

The URL for the background image is absolute.

---

<div class="post-metadata">

**Author:** ![jmooring](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.gohugo.io/jmooring/32/4214_2.png) [@jmooring](https://discourse.gohugo.io/u/jmooring)\
**Post date:** [November 26, 2020, 1:36pm UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/7 "2020-11-26T13:36:42Z")

</div>

Without seeing your site configuration and layouts, I am only guessing. But I suspect that setting `canonifyURLs = true` in your site configuration will resolve your problem.

---

<div class="post-metadata">

**Author:** ![Brenda89](https://avatars.discourse-cdn.com/v4/letter/b/87869e/32.png) [@Brenda89](https://discourse.gohugo.io/u/Brenda89)\
**Post date:** [November 26, 2020, 3:00pm UTC](https://discourse.gohugo.io/t/problems-displaying-illustrations-on-github-pages/29629/8 "2020-11-26T15:00:06Z")

</div>

I see now that I made a typo in my canonify code. Thank you very much for pointing that out. Adding /portfolio does indeed solve my problem.