Today I made my First Webpage which is hosted in Github on github pages but I couldn't see the image on my website which is hosted but it is seen in my local machine.
Anyone can help me out with this.
Website Link: https://mustafa2911.github.io/MyFirstWebsite/
Repository Link: https://github.com/Mustafa2911/MyFirstWebsite
OK it was solved I thing GitHub img src location is case sensitive but in local machine i wasn't a problem
Related
I am trying to build Github Jekyll pages. Everything went fine and it gives the expected pages locally but the format of the page is really bad when it is in the Github page. On top of that any links on the page go to 404. I uploaded the basic jekyll page in github and it can be find at https://vinuvikraman.github.io/blogs/. Programs in Gemfile.lock have the similar version installed in Github.
How can I make the github page works properly?
Thank you!
Have you tried setting url and baseurl in the config. Because it looks like the site expects it to be on the root domain and not at /blog. For example, the CSS file is refrenced at:
https://vinuvikraman.github.io/assets/main.css
But is actually at:
https://vinuvikraman.github.io/blogs/assets/main.css
I finally managed to upload my website on GitHub but two of my images are not shown.
On VS Code i don't have any problems coming up.
Here's a link to my website - https://micheellee.github.io/rustysphotoblog/index.html
And a link to my github profile-
https://github.com/Micheellee/rustysphotoblog
I have a website with all coding and appropriate html and file paths for my images. When I run the code through my own testing process, everything works. However, when I upload my html files and picture folders to the hosting site Web Hosting Pad, none of my images show up, instead a black "x" appears. Everything is uploaded and on the site. This is what the website looks like when hosted through Web Hosting Pad (Web Hosting Pad version) VERSUS what it looks like through my own test (My Testing Version). I honestly have no idea what or why this is happening, if its a coding problem or something I'm missing in how I'm hosting the site. Please help if you have any knowledge or idea of what I should do! This is what my code looks like for my images. Code
Did you save your images as jpg or jpeg?
You image tag is wrong, it's necessary to close it with "/>"
I have embedded the twitter widget using the code provided in the twitter dev page into the footer of my site (HTML, not wordpress).
Locally it displays without any issues (see image attached).
what it looks like locally
However when I upload the page to the development site online it only shows a link to the account:
Any ideas why this may be? Is it some widget issue because I have embedded it into 2 versions of the site?
cheers in advance
I had a similar problem, adding a call to twttr.widgets.load() at the end of the widget solved it for me.
I have a webpage where the images are not being found (running chrome). I synced the remote directory with my local one, so all files should be identical, however I can see the images locally but not on the remote site. Can anyone explain why?
I have the following directory where my index.html is:
icons/circle/*.png, where * is some generic social media i.e. (facebook, twitter, etc.)
using this code to show it on html
<img class="social-media" src="icons/circle/facebook.png">
But it only shows when I view my webpage locally, not when everything is uploaded to the server.
See webpage footer at dmacmill.com
Full directory listing:
Temp solution
I decided to just create another folder to hold all my icons, now they work for some reason. Still never found out the underlying cause of this.