I tried to display images in publication pages in different way, but it still didn't work. I tried a lot of different paths, but it didn't work. What am I missing?

[MarkMaaaaa]

---

layout: archive
title: "Publication"
permalink: /publications/
author_profile: true
excerpt: "Short description of portfolio item number 2
"

excerpt: "Short description of portfolio item number 2
"
{% include base_path %}

Recent Project

"Automated Vehicle Planning & Control Test"

Conducted from 09/2020 to Now

excerpt: "Short description of portfolio item number 2
"

Relative Publication

excerpt: "Short description of portfolio item number 2

" 

{% for post in publications %}
{% include archive-si

ngle.html %}
{% endfor %}

[rjzupkoii]

This is most likely a pathing issue, what's the source code for your images look like?

[wanbint]

Hi Robert,

I'm having the same issue. I'm working on the "about.md" page and have tried several methods to load the image (listed below), but none of them worked.

It doesn't seem to be a path issue since the image loads correctly in preview mode.

Best,

[rjzupkoii]

@wanbint If the images are loading correctly in preview, but not on the live website that would imply a pathing issue, and that tends to happen since the paths can change between your repository and once things get deployed to github.io

Usually /images/image.png will work but if you alter the location that your site deploys to you need to take that into account. Looking at your website I found that the image would be returned when I used the following path: https://wanbint.github.io/0/images/wbIdealHousing.jpg so you may want to try /0/images/wbIdealHousing.jpg.

[wanbint]

Thanks. I tested your code, and it worked on my page.

[SwagaRuney]

I seem to be having this issue as well, i'm attempting to understand but i fail to get it to work...

[scaliwalker]

I am having the same problem.
I am working on the research.md of my github.io academic pages template.

https://github.com/scaliwalker/edoardo_scali.github.io/blob/master/research.md

I can display this image in the preview:

But not in on the website.

I don't understand what is the problem. I successfully loaded images in other pages of the website. But really can't fix this one.

Can yolu help me with this issue?

[scaliwalker]

Thank you for the help.
I tried with your suggestion but still having the same problem.

Are you able to see the image opening this one? https://scaliwalker.github.io/edoardo_scali.github.io/research/

I can only display the jpg correctly in the preview.

Thanks again for the support!

[rjzupkoii]

@scaliwalker It looks like it's on the right track though, I used the inspect function in Chrome to check how the browser is trying to resolve the file and it's looking for https://scaliwalker.github.io/images/inoculation_1.jpg when it should be looking for https://scaliwalker.github.io/edoardo_scali.github.io/images/inoculation_1.jpg.

Depending on where the code is, you may need to update your _config.yml, but for HTML img tags you are going to need to use edoardo_scali.github.io/images/inoculation_1.jpg for the path.

[scaliwalker]

@rjzupkoii thank you so much for pointing it out.
I have updated the _config.yml basic site setting section like this:

Basic Site Settings

locale : "en-US"
title : "Edoardo Scali"
title_separator : "-"
name : &name "Edoardo Scali"
description : &description "personal description"
url : "https://scaliwalker.github.io" # the base hostname & protocol for your site e.g. "https://mmistakes.github.io"
baseurl : "/edoardo_scali.github.io" # the subpath of your site, e.g. "/blog"
repository : "scaliwalker/edoardo_scali.github.io"

I am still not able to see the image on the website https://scaliwalker.github.io/edoardo_scali.github.io/research/

Does my modification on the setting at least fixed the issue with what the browser is searching for?

Thank you again for your help!

[rjzupkoii]

@scaliwalker The url and baseurl are used as part of compilation, but since you are using the HTML img tag for that image you need to be more explicit about the path. Try the following:

<img src="/edoardo_scali.github.io/images/inoculation_1.jpg" alt="Inoculation of cypress seedling with _Seiridium cardinale_">

[scaliwalker]

@rjzupkoii
it worked!!
Thank you so much for your help! :)