Github Jekyll page behaves not properly - jekyll

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

Related

GitHub pages not displaying linked html files

I deployed my GitHub pages site in the settings and the site works perfectly fine but i've linked many html files in the index.html file and those files are not displayed and i get a 404 error but the index.html file works fine what should i do?
https://i.slow.pics/t9MtN3YW.png
Did you check that the linked HTML file paths are correct?

Why my image is not showing in my Git-Hub pages?

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

Where can I find live html of my github static webpage?

I've got the live versions of my github repo working here. For some unknown reason the files in the repo are some older version of the live page. E.g. the actual index.html has this code view-source:https://sycoscientistrecords.github.io/ which is not same as the index.html in my giyhub repo.
Why does the live page have different code from the actual git repo and where is the live page code located in github?
The site https://sycoscientistrecords.github.io/ is served from the repository https://github.com/sycoscientistrecords/sycoscientistrecords.github.io, not from your clone https://github.com/AnupamKhosla/sycoscientistrecords.github.io

Images aren't loading online on my GitHub web page

GitHub won't load the images in my images folder. It loads the background image fine, and all the images load when I launch the page offline. I've made sure the images only begin with letters, and tried matching the image file names with the path names in the index.html file case sensitive-wise but still no luck.
website: http://rpboyer15.github.io/sounds-of-the-storm/
repo: https://github.com/rpboyer15/sounds-of-the-storm
Paths are case sensitive. For example in your repository, you have brightwing.jpg and in your HTML you have Brightwing.jpg which will result in a 404. If you use the Chrome Dev Tools and adjust the URL using Inspect Element and it will load properly.
PS: Heroes is an awesome game.

Windows: creating Jekyll pages not working

Unable to render new page in browser. I'm on Win7 and have Ruby1.9.3 and DevKit installed. When I create a new Jekyll site everything works. I copied the index.html in root and renamed to about.html and that worked and was able to view both pages in the browser. I copied the about.html page and renamed to contact.html and the page fails to inherit the layout and only renders text content and Liquid tags in the browser. All of this is on my local machine. Thanks for any advice.
Repo: https://github.com/greenlightjspence/JekyllWin7/
I had similar problem today and after almost hour fighting with it I finally found that Visual Studio saved my file with 'UTF-8 with Signature' encoding which was causing issues. Changing file encoding to 'UTF-8 without Signature' helped. To change file encoding, open file (index.html in my case) and go to File->Advanced Save Options. Hope it will help you as well.
Looks like it's known issue mentioned on official Jekyll site (http://jekyllrb.com/docs/frontmatter/).