I use GitPress to write blog.
But recently i found it can not show image, but images could be loaded in GitHub.
Here is my GitPress blog
Here is the opposite GitHub page
I've tried:
push a test.md, which only show a test image.
rename the image folders, change the way to show image in Markdown(./folder/name.png,/folder/name.png,folder/name.png).
But the test.md sometimes can show image, when i correct the format in my blog, it just won't show any image.
I am the developer of GitPress.io.
I saw your posts and found that you have replaced all images with imgur. Please follow this post if you want to show images from the repo.
Please use the followed structure for your blog:
- test.md
- test/
- image.png
and put this in test.md:
Related
I am trying to add an image to a Github ReadmE file and have found the same answers several times on different places, the only thing is that it doesn't work for me. I tried 2 methods, first is to upload to a site and add it to Readme like this:
Which is the answer here. However, this just gives me this as result, where the link doesn't even go to my picture:
I also tried the method of putting the picture in a github folder in my project as described here, like this:
By clicking the link I do get to the folder where my image is located, but the image itself won't show in the Readme. It just shows the same broken image icon as the first method. Removing the ?raw=true had no effect.
Why is this so hard? Can someone please let me know how to add an image to Github.
I have uploaded my project to github account successfully but i am
able to add a demo image or gif to it.
You just need to follow the suggestion at the bottom of your screenshot: Add a README
There you can embed images, both still or moving
Click Add a README on your screen, or manually submit a file called README.md in the page that you want an image to be on (You can have a different README.md file on every folder)
In that file add a link to an image using this tag:
I am creating a portfolio using GitHub static pages and I want to display some images of projects completed and finding it difficult to do that. I know the syntax for image display but what I do not seem to get here is where to place image on GitHub and use the path to display it.
syntax for image display
I recently tried to add some screenshots on my repository readme using the mark up
and I couldn't get it the screenshot to show, I am very new to GitHub, I watched a couple videos but I can't find out why this is happening.
Thanks a lot!
You could check out a repository and see how they did it.
For example check the repo Material Dashboard .
Now in the code section press the README.md file and open a raw view, ie. README.md raw.
You can see that they add png/images like so:
[]
Note that you'll have to add a folder named assets and upload (or push) the images you want to show.
I want to show a gif in a README.md of github.
And it works fine when the target gif is small with:
<img src="targetGifUrl" width="400">
but when the gif is big, it is not showing as expected, take this gif as an example. When I add it into README.md, it just shows:
and after clicking, it shows a website with the tip
Content length exceeded
As the gif is from a third site, I can not change its size.
So, is it possible to show this big gif without saving and resizing it?
It looks like someone else had this issue before,
When I open this link in Firefox, I only get the text "Content length exceeded".
and here is the commit that fixed it.
Add gif locally
-
+<img src="/art/sample.gif?raw=true" width="200px">
Looks like all you have to do is save the gif and put it in your repository, no need to resize it, just link to the version in your repository. Notice how the width is specified and raw=true is an included parameter.
Put Gif files in the local directory on your git repo. Then call it in readme file.
For example, If you just created a folder called demo in the root directory and put demo.gif inside it. Then you can call that in your readme file like this.
Eg:
