Any issue with uploading pictures to my theme

i use the chirpy theme, and i have this problem i opened a new folder named ‘images’, and on my markdown editor I see the picture perfectly, but on my site, i see it like this


and its not loading it…
any suggestions?
i tried to put an image from online, it did work but when i click on it it does not pop up nicely as it should, it just opens the site that the picture is from…
thank you very much~

use the browser inspector to see what the path it is trying to use is. Usual issue is the path doesn’t contain the baseurl.

In your code how did you link to the image?

thigs is how i did it on the .md file ![figure](/images/figure1.jpg)
and not sure what i can get out of this inspect i will paste it here mabye it would help?

<p>
<a href="https://media.licdn.com/dms/image/D4E03AQHM2iVNATNcdg/profile-displayphoto-shrink_800_800/0/1705672518081?e=1711584000&amp;v=beta&amp;t=wMToik2qiNP8siabepJiQ15WzMKdIC0iskgG0Lubr48/images/figure1.jpg" class="popup img-link  shimmer"><img src="https://media.licdn.com/dms/image/D4E03AQHM2iVNATNcdg/profile-displayphoto-shrink_800_800/0/1705672518081?e=1711584000&amp;v=beta&amp;t=wMToik2qiNP8siabepJiQ15WzMKdIC0iskgG0Lubr48/images/figure1.jpg" alt="figure" width="45%" loading="lazy"></a>
</p>````Preformatted text`

that looks like a link to an image on linked in? does it work?

the inspector >> console tab will probably show it as a 404 and show the path that isn’t working.

![figure](/images/figure1.jpg)

are you using GH for hosting? if so you likely need to use the baseurl in the path.

no, my profile picture is from linkedin and it works.
it shows ‘403’ in the console.
i do host it on GH, what do you mean use the baseurl in path?
i can upload a picture from URL but then, but when i click on it it does not pop up nicely as it should…
it just opened the URL, and giving this shinning black thing on it like its loading and it doesn’t stop =\

check this link:

if you are using GH for hosting then your repo name needs to be part of the path to assets like images (or css or js).

Check your config file and see if it has a baseurl setup. If not you likely need to add it and then prepend paths like your image above to include the baseurl variable like {{site.baseurl}}/images/figure1.jpg

you mean it need to be in the ‘assets’ repository?
i did check my confic file and i had problem that i had a CDN link in there my mistake, i took it off and now its empty.
but picture still doesn’t work… this is my page if you wanan take a look, look that every picture have this shiny black on it, and when you click on it it doesn’t zoom in nicely it just opened the link address =

what did i do wrong?

so it looks like you are using GH but you have a user repo which is treated different than a project repo. You get one user repo (repo name is your username) but you can have unlimited project repos. Project repos need a baseurl value but user repos do not.

So ignore my baseurl info as it does not apply to this particular site.

I can see your images has some weird wave moving over them, not sure why that is but it is some javascript somewhere. When I click the image it opens up by itself with a black background, looks fine to me.

Is your original issue still a problem?

if you look at other chrippy theme websites you will see that the pictures should pop up on the post itself, and not direct you to the URL of the picture… =
it still a problem yes, i couldn’t find it on the javascript as well and maybe modify it
if you have any suggestions i would be happy to hear [=
thank you~