jekyll GitHub Page page not loading assets

Question

I have a GitHub hosted https://waltershub.github.io the repo is https://github.com/waltershub/waltershub.github.io

The site builds properly locally with all assets and css but on the hosted version none of it shows

The errors in console are:

[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (font-awesome.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (dark.css, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (function.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (walt.jpg, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (HTTP/2.0 404) (walt.jpg, line 0)

I have validated the YAML and it is good

KyleMit · Accepted Answer · 2020-09-09 11:30:29Z

5

In _config.yml you are using a baseurl of webpage:

baseurl: "/webpage" # the subpath of your site, e.g. /blog

When according to your setup should be '':

baseurl: ""

Then the part that load assets:

<link rel="stylesheet" href="{{ "/assets/fonts/font-awesome/css/font-awesome.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{site.baseurl}}/assets/stylesheets/{% if site.blog_theme == "light" %}light.css{% else %}dark.css{% endif %}">

Will properly generate the urls like:

<link rel="stylesheet" href="/assets/fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/assets/stylesheets/dark.css">

Tnstead of the wrong:

<link rel="stylesheet" href="/webpage/assets/fonts/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="/webpage/assets/stylesheets/dark.css">

edited Sep 9, 2020 at 11:30

KyleMit♦

31.4k74 gold badges517 silver badges712 bronze badges

answered Sep 28, 2017 at 21:31

marcanuy

24.2k10 gold badges68 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

jekyll GitHub Page page not loading assets

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related