4
votes

I have a Jekyll-based GitHub Pages blog using a slightly modified Hyde theme. It has four pages using the 'page' layout that can be accessed using the permanent sidebar: Blog, About, Projects, and Publications. Here is what these pages look like:

Imgur

The Blog and Project pages have sub-pages that use 'post' and 'project' layouts, respectively. They were working fine for several months without a problem, but yesterday after making a new post, I found that the theme is no longer working for my posts or projects, even though it continues to work for my pages. This is what my posts look like:

Imgur

All the content is there for the sidebar and post, and the Markdown is rendered, but the Jekyll theme doesn't seem to be working. My project pages look similar.

I am very confused because I had not changed anything related to the theme or layouts in about two months, and I know my site was working normally even a few days ago. This problem seemed to come out of nowhere and I have had no luck finding a solution.

Here is the repository for the site: https://github.com/rgriff23/rgriff23.github.io

1
The problem is that the {{ site.baseurl }} is not working properly since it is not prepending to the css path so the CSS files are not loaded.Karthikeyan Vaithilingam
Its weird that i tested you code locally it's fine. Try replacing the {{ site.baseurl }} with / in home.html and check.Karthikeyan Vaithilingam
Alright, replacing {{ site.baseurl }} with / in head.html fixed my problem! I'm rather disturbed by this, any idea why this would suddenly become a problem?Slow loris
PS feel free to write as an answer if you want me to accept itSlow loris

1 Answers

6
votes

The problem is that the {{ site.baseurl }} is not working properly since it is not prepending to the css path so the CSS files are not loaded.

Try replacing the {{ site.baseurl }} with / in head.html which should fix the issue for sure.

Also check this post which explains the baseurl