Jekyll site only shows up in markup

Help
1

I use github pages to host my jekyll site, but the CSS part is all broken.
The site works fine locally, when it comes to the server part, the CSS cannot be loaded for some reason.

Here’s a comparison screenshot.

using my site address

54%20PM
Screen Shot 2018-10-05 at 10.34.54 PM.png1920×1080 277 KB

Here is my _config.yml file

title: slowpacedcoding.com
email: mattzhou0357@gmail.com
description: >- # this means to ignore newlines until "baseurl:"
  slowpacedcoding.com,a place where we can talk about coding, and some other stuff too
baseurl: "/slowpacedcoding" # the subpath of your site, e.g. /blog
url: "https://slowpacedcoding.com" # the base hostname & protocol for your site, e.g. http://example.com
twitter_username: zh0ux1ang
github_username:  zhouxiang19910319

# Build settings
markdown: kramdown
theme: minima
plugins:
  - jekyll-feed

here is the CSS linking code, I found it under _site/index.html

<link rel="stylesheet" href="/slowpacedcoding/assets/main.css"><link type="application/atom+xml" rel="alternate" href="http://localhost:4000/slowpacedcoding/feed.xml" title="slowpacedcoding.com" /></head>

which part I got wrong?

2

the image you posted is using a custom url - if you use that then you no longer need the baseurl value - which you have hard coded. So remove the /slowpacedcoidingpart from your url as you are using a custom domain.

The baseurl is needed if you use GH pages and don’t have a custom url as your site will be served from a subfolder under your username and that needs to be in the url.

1 Like
3

wow. it worked . thanks!