Search code examples
imagegithubmarkdowngithub-flavored-markdown

Why does Markdown relative image is not render on Github?


My Markdown relative image isn't rendering.

I tried example from GitHub guides:

![Image of Yaktocat](https://octodex.github.com/images/yaktocat.png)

But it isn't rendering. Image is available.

Also I tried HTML <img src=""> syntax, it works as expected. Here is the code I'm trying:

# DataScience internship task
<br/>
How to run: python3 new_tool.py
<br/>
<br/>
Screenshot:
<br/>
![ProgressBar](screen.png)
<br/>
<img src="/screen.png">

The first image doesn't load, but the second one does.

What am I doing wrong?


Solution

  • Don't use <br/>.

    Markdown has its own way of creating paragraph breaks. Instead, just leave a blank line:

    # DataScience internship task
    
    How to run: python3 new_tool.py
    
    Screenshot:
    
    ![ProgressBar](screen.png)