failure to fetch CSS

[Isweet]

Hey,

I'm having an issue and I'm not sure what is causing it, but I thought I'd start here.

I am using Hyde + Github Pages to serve a personal site at: isweet.github.io.

When I open up the Chrome console, and visit the About page, I see the following error:

GET https://isweet.github.io/about/public/css/poole.css net::ERR_ABORTED

The reason this GET is failing is because the CSS isn't actually located there. It is located at:

https://isweet.github.io/public/css/poole.css

Now, if I look at _includes/head.html, I can see that the stylesheet is being imported as:

<link rel="stylesheet" href="{{ site.baseurl }}public/css/poole.css">

and that baseurl is set to:

baseurl:          /

inside of _config.yml.

So, it seems like for some reason site.baseurl isn't being interpreted as / but rather as /about when loading that page. I'm not sure why. Perhaps it has something to do with pretty permalinks?

It is possible this is my fault, as I'm relatively new to Jekyll + Hyde. Any help would be much appreciated.

[rewberl]

I'm having the same issue as of today. Thought it was something I had done on my end, but I only made a minor change in some body text

[Isweet]

Seems like perhaps its a Jekyll issue, and that site.baseurl is resolving to the permalink rather than the value set in _config.yml. Maybe I should make an issue on the Jekyll repo?

[rewberl]

I fixed it by following the recommendation in #206 (github/pages-gem#460).

Change all of the instances of {{ site.baseurl }}sub/page/ to {{ "/sub/page/" | relative_url }} in your head page (in the _includes folder). relative_url is the actual text, not a reference to something you should insert. The /sub/page is the relative URL of your CSS file (or other file) on each line.

Then, change {{ site.baseurl }} to {{ "/" | relative_url }} in your sidebar page.

[Isweet]

This worked for me, thanks so much!

Keeping this open so that (maybe) someone with a bit more experience can update the Hyde repository accordingly.

[ketozhang]

Should be a simple edit to commit no? Not too familiar with gem so any devs here can take a look at it?

😢 Last commit was 2015

[icehongssii]

thanks. It worked perfectly fine now.

[icehongssii]

@ketozhang
To go your repository of Hyde theme. then go to "_includes" folder then modify the "head.html" as @rewberl said.
you will find this code.

 `  <!-- CSS -->
  <link rel="stylesheet" href="{{ site.baseurl }}public/css/poole.css">`

All you have to do is find {{ site.baseurl }} and change to {{ "/" | relative_url }}

[safijari]

This works for me too. Is there any reason this isn't implemented in the main repo?

Edit: spoke too soon, I had to do <link rel="stylesheet" href="{{ '/' | relative_url }}public/css/poole.css">
(note the single quote)

[abulatek]

I know this is a super old post, but this fixed my issue of CSS only loading for the main page of my website (and not any of my non-main pages). Thank you so much!

[mdo]

Duplicate of #206 and fix coming in #258.

[elizasviel]

This worked for me -- thanks for sharing!