I am trying to insert some images from my local computer to my guided project. In Jupyter notebook, the images look ok, but in github and nbviewer they are not rendered.
What I expected to happen:
I expected the pictures to be rendered both in Jupyter and later in github and nbviewer. Earlier, when I used both of the approaches above, but with the links on the pictures on the Internet, everything went well.
What actually happened:
This time, when I am using the images from my local computer, they are rendered in Jupyter, but in github and nbviewer not.
Of course, the image files are saved in the same folder as my project, and of course, the file name is correct. I have tried some ways to fix it, which I found in Google: using a backslash before closing the angular brackets, using JPG instead of jpg. Nothing helps
It worked great for me in Jupyter/Python but not when I was running SQLite in Jupyter.
It appears that it’s a little tougher to make “pretty” output with SQLite.
No, it should work in whatever Jupyter, doesn’t matter if you work in SQL or Python there.
The only thing is that you should create a new markdown cell where to drop a picture. Because now when I use this approach rather often, sometimes I don’t manage to insert a picture in a markdown cell where I already have some text typed. So it seems to be important to have a separate markdown cell for a picture.
It works fine for me when I’m running Jupyter with SQLite from Anaconda but not when I’m running Jupyter from DataQuest. Even when I create a new Markdown cell.
When it is working, the outline box of a Markdown cell changes from a solid line to dashed line as I drag the picture file into the Markdown box. The solid line in Jupyter DataQuest does not change to a dashed line and therefore does not transfer to the Markdown cell.
The ![]() syntax is pure Markdown. Markdown’s specifications, I think, are such that they incorporate HTML to make it more powerful. The first code block in your post is HTML.
I do not expect Markdown to implement such level of detail for images, I think the spirit is to leave that for HTML.
Got it to work now. Rather than directly putting in the text , I had to first drop the .png file into the Notebook cell, and after that update the text.
