I'm trying to add an image to my readme but I can't get it to render.
As far as I can see online my current setup should work.
My folder structure is like so:
And then I tried to use the image located in the resources directory, but that did not work:
Any suggestions?
This seems to work well for me: Replace the space with or %20.
Result:
Your file is Architecture view for AllProjects.png so if you add - all should be fine.
Please check out here - Spaces in path to image file.
I tried encoding it with %20 but link was still broken. So your only/best way is to add - to the name.
Related
I have tries all the below and the image does not seems to be appearing on my read me file. I've added the image under the issues as someone suggested but nothing. also tried numerous other methods but the image does not want to appears and on the video tutorials i'm doing line by line but nothing.
link to the isssues:
https://user-images.githubusercontent.com/89415628/185356092-4229772b-1852-4ee0-9daa-043ff87a2080.png
using the img tag with the image that are in the root folder
<img src="https://github.com/Opzalas/CMPG-323-Overview---33448809/blob/main/branching.png?raw=true">
The most used method to add image to read me file with image under the issues
image stored on the root repo with image link
** Image with the root directory**
What is funny is that it is working within stack overflow but not on github with the img tag with root directory.
Answer provided in #Benjamin W's comment; thank you, much appreciated. Please see answer below:
I took a look at your file, and the problem is that your text blocks are indented. In Markdown, that means "code block", where everything is interpreted literally. You have to un-indent them. I have created a PR to show you how.
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.
The image is not shown on my GitHub page for some reason even though I can view it locally.
I have tried multiple ways but can't get it done:(
Try to change the relative path to an absolute path in the src of the image.
I'm having a one problems with my Middleman site. I have two questions I haven't been able to figure out:
How do I move the "all.css.scss" file that my "index.html.erb" file
is referencing to the "Sass" folder? Of course, the link breaks when I move
it. Can't seem to find where to update the pathway in the code. Is this something I could do in bash?
Files are on my github.
Did you try changing/setting 'css_dir' within 'config.rb'?
See http://middlemanapp.com/advanced/configuration/#toc_2 for general information.
Issue fixed. I'm not sure what I was doing incorrectly the first few times, but I tried one more time updating the file path in config.rb and stlyesheet_link_tag... That fixed everything.
It did create a new issue of any background images in my css not loading. But the directory issues is completely resolved.
The most basic way to change a setting is to use set in your config.rb file.
#config.rb
set :js_dir, 'javascripts'
set :css_dir, 'stylesheets'
set :fonts_dir, 'assets/fonts'
set :images_dir, 'assets/images'
etc...
You can also use a newer syntax which is used for most of the global settings in Middleman.
#config.rb
config[:js_dir] = 'javascripts'
config[:css_dir] = 'stylesheets'
etc...
Middleman Docs
This seems to me as a bug because I have changed images with:
someImage.image = [UIImage imageNamed:#"anotherImage.png"];
and I have never had a problem. so let me show you what I have:
I have placed an UIImageView:
note that imgObjetivos is conected to this UIImageView.
I have a method that get's called when clicking the following button:
and the method contains:
as you can see I just want to change the current image with:
so when I run the application in the simulator everything looks great:
and when I press the button the image changes successfully:
Now why is it that when I run the application on my iPad the image does not change!? when I press the button the image disappears instead of getting a new image like in the simulator. I just learned objective-c and I am starting to dislike it. What am I doing wrong?
EDIT
I found a solution I changed the name of the image and now it works:
but this makes no sense. Which names works and which ones do not? I also have make sure that I don't have two images with the same name and that is not the case. when I have a few letters after the '_' underscore it does not work. This is really strange. I am starting to dislike objective-c :(
I've had the same problem before. The problem is that the image that you're using to replace the previous image is corrupted or say is not in it's original format.
In my case, I downloaded images in the web which was .jpg format and renamed it as .png format which actually made it .png. so in short term, ipad does not support the functionality for converting image format by just renaming the extension. you have to have a proper converter or something.
I would go with removing the image file from the project, clean the project and add the file back.
I had to rename the image name to something else I don't understand why... I thought that the problem was because I previously deleted that image that contained the same name but that is not the case because I imported the image with a similar name to the solution and I had the same problem. for example the original name of the image was objetivosFoto_h.png and when I renamed to objetivosFoto_ho.png it still did not work but when I renamed to objetivosFoto_horizontal.png it worked.