Github Pages jekyll not loading CSS when using custom domain

Question

My Jekyll blog on Github fails to load CSS and other site files when using a custom domain. I can only see the text.

The site works fine when I use the standard github.io domain (username.github.io/BLOG)

Every time I setup the blog's page on Github Pages as blog.domain.com, the site fails to load correctly.

Github repo: https://github.com/sabre45/BLOG

Ah. I changed the name of the repo. The fix had no effect on Jekyll — sabre45
– sabre45, Commented Jan 16, 2019 at 6:08

Mr. Hugo · Accepted Answer · 2019-01-16 19:59:52Z

5

The problem is, as always, that the CSS path is not set correctly. If you use a custom domain, then please run locally first. If it works on your local machine, it will 99% of the time also work on a custom domain. This is because your custom domain and your local machine both NOT require a baseurl. This baseurl is a concept many people do not fully understand. Especially when it comes to multiple environments with different baseurls.

Hope this helps you solve/circumvent your problem.

answered Jan 16, 2019 at 19:59

Mr. Hugo

12.7k3 gold badges47 silver badges66 bronze badges

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

2 Comments

nikhil Over a year ago

Thanks, this helped me as well. While testing locally I had never setup the url in _config.yml, this didn't create an issue until I changed the custom domain. After pushing the change with the right url blog.mydomain.tld the CSS styling works again.

nam20485 Jun 10 at 10:25

Same problem. When you say "setup url in _config.yml" do you mean the "url" property?

Collectives™ on Stack Overflow

Github Pages jekyll not loading CSS when using custom domain

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related