Hello,
I am building a website where the localhost version created via hugo server
and the Github Pages version look fine. However, when I try to render the page locally, I get the bare HTML without any working CSS.
A repo of the site can be found here, the Github Pages version with working CSS can be found here.
Here is a screenshot of how the index.html
when running hugo
locally to render the page to the public
folder:
It seems that the integration of the CSS does not work, as this is how the code looks like in the index.html
in the public folder:
<link type="text/css" rel="stylesheet" href="/climate-friendly-cooking/css/schemes/climate.min.44c7861699f060e76e40634b2ffc9fca3e002014dfb8fbcc10b3b9b4aa3260977de9511a728cc8f60b2e28d5ab94907287ad269ffc78ec8184fa752815bcc34a.css" integrity="sha512-RMeGFpnwYOduQGNLL/yfyj4AIBTfuPvMELO5tKoyYJd96VEacozI9gsuKNWrlJByh60mn/x47IGE+nUoFbzDSg==" />
In my public
folder, I do not have the subfolder /climate-friendly-cooking/css/schemes/
- instead, the CSS can be found in /css/schemes/
.
I suspect that something is wrong with baseURL
and the use of relative URLs, but I did not find a way to fix this. Could you please help me understand how I can render the site properly to my public
folder?
Thanks in advance for your help!
(EDIT: Forgot to mention my local hugo version: hugo v0.89.4-AB01BA6E+extended windows/amd64 BuildDate=2021-11-17T08:24:09Z VendorInfo=gohugoio
)