Image is not loading properly in GitHub pages but in localhost

[Hax4us]

Environment

• Basically Basic version: how to find version ?
• Ruby gem or remote theme version:
• Jekyll version: 4.0.0
• Git repository URL: https://github.com/Hax4us/blog
• GitHub Pages hosted (if yes provide URL to site): https://hax4us.github.io/blog/
• Operating system: Android

Expected behavior

Image must be loaded

Steps to reproduce the behavior

Affected page : https://hax4us.github.io/blog/about/
The same page is working perfectly in localhost

Other

[mmistakes]

You need to use the correct path for the image... if you inspect source it's looking for https://hax4us.github.io/assets/Profile.jpg when your image is really in https://hax4us.github.io/blog/assets/Profile.jpg.

You'll need to apply {{ site.baseurl }} before it. This is why it works locally but not on GH where your site pages are in /blog.

Closing as this isn't a theme issue.

[Hax4us]

Sorry for inconvenience but i was using blogger for years but now suddenly decided to migrate to gh pages. So i dont know how things works here :).

[Hax4us]

Can you please check this
https://github.com/Hax4us/blog/blob/master/about.markdown
I think i am doing it in wrong way
I just appended {{ site.baseurl}} in picture in about.md

[mmistakes]

Remove {{ site.baseurl }} from your about.markdown file, that won't work.
Instead you need to make a small adjustment to _includes/author and apply a relative_url filter. This will add the baseurl before the path so it can resolve correctly.

https://github.com/mmistakes/jekyll-theme-basically-basic/blob/master/_includes/author#L13-L20