Inserting image to Markdown file doesn't work locally and remotely

Question

I have read info about inserting images to Github readme.md file.

It is described here: Markdown mastering.

I tried following in my markdown file:

![Front-end & Back-end Architecture](/frontend-backend view.png)

Locally it looks:

And remotely it looks the same. Like some text instead of the image:

The image is exactly at the root folder and has to be accessible without any problems.

UPDATE:

I have changed to the following:

![Front-end & Back-end Architecture](frontend-backend-view.png)

And now it works on Github.
However, it fails on BitBucket:

It shows broken images.

What's wrong with this syntax?

Answer 1

Avoid spaces in whites and if it is in the same directory remove the spaces bar :

❌

✅ ![Front-end & Back-end Architecture](frontend-backend-view.png)

---

Jetbrains Bug

This is due to the bug of the JetBrains plugin that obtains faults when rendering the image.

A possible solution is to restart the IDE or reopen the file.

Similiar cases

In visual code this occurs when images are detected as harmful. Your solution is in the allow dangerous content.

Example and solution

• We get the message and we do not see the image ...

• We accept the warning ... by clicking on the little window ...

• Now we will see our image :

If you can not solve it, comment on it and investigate in a more adequate and thorough answer.