pic can not appear on website (relative path issue)

[JimmyDingyiming]

I am trying to embed the pic into the website, can anyone tell me what is the problem here?

[hupili]

@JimmyDingyiming , can you bring up following information?

• Operating system:
• IDE (e.g. VSCode):
• Browser (Chrome/ Safari/ Firefox/ VSCode Embedded):
• Internet access (Location/ Type):
• The link to your issue pages hosted on gh-pages (xxx.github.io/page.html):
• The link to your repo (github.com/user/repo):

Also, please open Chrome Developer Console, and let us know the error message.

[hupili]

@JimmyDingyiming , please also refer to other issue posts, e.g. https://github.com/hupili/datavis.studio/issues/5 . Once, we get the context, we can quickly check the issue. Please try to push the intermediate version to GitHub Pages. If you worry the intermediate version does not look good on your homepage, you can use a subpath, e.g. test/index.html. We can visit that accordingly.

[hupili]

https://jimmydingyiming.github.io/?11

[hupili]

This is what we see from the current online version:

Right click the links and open in new tab. Then we find 404:

That means, there are no such files like images/Jimmy%20travel.%20JPG on gh-pages server.

We checkout the GitHub repo: https://github.com/jimmydingyiming/jimmydingyiming.github.io

current version does not include those expected files in images/*.

[hupili]

So the solution is to:

1. Check if you have images/* in your local disk
2. If above is alright, check if you have committed those files using GitHub Desktop.

[hupili]

@JimmyDingyiming , btw, I see some <<<<< HEAD type of text from you page. That may arise from "merge conflict", usually after you modify the repo on different machines without properly sync. Please checkout this post to see if you can resolve those texts yourself: https://stackoverflow.com/questions/7901864/git-conflict-markers .