Jekyll github-pages website does not display CSS formatting except locally

Question

There are many questions similar to mine, but most of them arise from not using baseurl correctly. My website, however, does not even use a baseurl. It uses the root Github page. I essentially forked my website off of the Airspace theme ported by luminousrubyist, whose website displays correctly, so somewhere down the line I made a change that stopped it from displaying correctly. Therefore I would appreciate it if someone else could figure out what's wrong; I have been trying to figure it out for hours.

My Github page

My _config.yml file:

    title: "My Portfolio"
subtitle: "My portfolio, detailing my experience"
# Base URL of site. It should always start with a slash,
# and never end with a slash. Set it to a blank value if hosting at the
# root of your server.
# baseurl: "/" # the subpath of your site
url: "http://austinstover.github.io" # the base hostname & protocol for your site
cover: "/assets/cover.png"
logo: "/assets/logo.png"

# Build settings
markdown: kramdown

# Google analytics
ga_tracking_id: "UA-90009514-1"

# Category descriptions (for archive pages)
descriptions:
  - cat: jekyll
    desc: "Posts describing Jekyll setup techniques."

  - cat: dummy
    desc: "Just some placeholder posts, lorem ipsum and the rest."

exclude:
  - "/vendor/"
  - "Gemfile"
  - "Gemfile.lock"
  - "README.md"
  - "LICENSE.md"
  - "*.gemspec"

keep_files:
  - "CNAME"
  - ".git"
  - ".gitignore"

The first thing I noticed is that the front matter is displaying on your page, which means that it is not applying the templates. I would check the encoding / line endings of the files. — RobertKenny
– RobertKenny, Commented Jan 11, 2017 at 14:38

yaitloutou · Accepted Answer · 2017-01-12 00:21:55Z

1

try to set baseurl in your _config.yml:

 baseurl: "" #if not used.

btw, your index.html use page.html layout (from _layouts), that use default.html layout which include head.html (from _includes). this one call {{ site.baseurl }} but it's undefined .

answered Jan 12, 2017 at 0:21

yaitloutou

1,79920 silver badges24 bronze badges

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

8 Comments

abeta201 Over a year ago

According to the jekyll docs, baseurl is set as an empty string by default, so I do not need to set it to an empty string; regardless, I have tried an empty string, a forward slash, etc. and none of these seem to get my page working.

Alan Over a year ago

I think you need to uncomment the baseurl too and leave it blank. My site and dev sites all have it and seem to work fine

yaitloutou Over a year ago

this is what i think too, in a freshly created them, it may be left, as the OP mentioned, but since the theme they are using refers to this attribute {{ site.baseurl }} explicitly to locate the resources path it may cause some issue when removed. although I'm not sure, because I couldn't reproduce the problem ^^"

abeta201 Over a year ago

I should mention that the website displays correctly when I use bundle exec jekyll serve to publish the site locally- it only displays incorrectly on Github Pages.

abeta201 Over a year ago

I also tried changing the name of my repository to "mywebsite" so that I could add the baseurl /mywebsite, but that did not get the website to display the formatting either, so it definitely isn't a problem with the baseurl.

|

Collectives™ on Stack Overflow

Jekyll github-pages website does not display CSS formatting except locally

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related