Hugo static styling not working, whereas hugo server works

RickCogley · March 14, 2016, 8:54am

Looking at this in a cursory way, the screenshot looks like it’s not finding the css, which indicates a path problem.

Your theme is loading the css using {{ .Site.Baseurl }} followed directly by css.

keshavab/hugo-cactus-theme/blob/4dc04756c5fbfb2838e0c48658810d1ef02b5784/layouts/partials/head.html#L12


<html lang="{{ with .Site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="author" content="{{ with .Site.Params.name }}{{ . }}{{ end }}">
		<meta name="description" content="{{ with .Site.Params.description }}{{ . }}{{ end }}">
		{{ .Hugo.Generator }}
		<title>{{ .Title }} &middot; {{ .Site.Title }}</title>
		<link rel="shortcut icon" href="{{ .Site.BaseURL }}images/favicon.ico">
		<link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css">
		<link rel="stylesheet" href="{{ .Site.BaseURL }}css/highlight.css">
		<link rel="stylesheet" href="{{ .Site.BaseURL }}css/monosocialiconsfont.css">
		{{ if .Site.Params.enableRSS }}
		<link href="{{ .Site.RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
		{{ end }}
	</head>

I assume the .Baseurl is different between your normal site and the localhost site.

Recommend checking your source in both cases and seeing if a slash is missing or something.

Topic		Replies	Views
[SOLVED] Website not rendering correctly	4	2834	July 9, 2018
Theme renders on localhost, but not on Github Pages site support	1	454	October 7, 2020
Can't generate static site properly (book theme) support	3	708	May 5, 2020
Static files in public folder fail to render properly, while hugo serve works fine support	7	120	September 9, 2024
Theme and styling missing from public files - (newbie) support	3	561	June 25, 2020

Hugo static styling not working, whereas hugo server works

Related topics