CSS Display doesn't work on server, but looks perfect on localhost

support
1

Hello,

Lately I’ve changed my theme from github-style to blist.

I have installed all the needed packages and run hugo server -D, it runs on localhost, it looks perfect.

截屏2023-07-31 22.10.59
截屏2023-07-31 22.10.591920×1112 134 KB

And then I run hugo -D, and push them to my repo. It looks strange on my server, like the css style files don’t wok anymore.

截屏2023-07-31 22.11.13
截屏2023-07-31 22.11.131920×1342 188 KB

I have read all the issues in the blist repo and tried all that, but didn’t make it.

I also read the relevant posts here, and tried and nothing changes.

I don’t know what to do now.

Does anyone know how to solve it? Many thanks!!!

The link to my git repo:

My hugo version is: hugo v0.115.4+extended darwin/arm64 BuildDate=unknown

2

Visit your live site, and open the browser’s dev tools console:

image

3

Thanks for your quick reply! :smiling_face_with_three_hearts:

Fix it:

  1. replace integrity="{{ $stylesheet.Data.Integrity }}" with integrity="" in hugoblog/themes/blist/layouts/partials/head.html
  2. copy hugoblog/themes/blist/layouts/ to hugoblog/
  3. it worked!