Jekyll site only shows up in markup

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

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?

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

wow. it worked . thanks!