I am trying to deploy my blog on GitHug pages using a custom domain. I am using the Hugo Ficurinia | Hugo Themes (gohugo.io) theme, and tested that the site is working locally using hugo server -D
I published the site to GitHub pages as per the steps here - Host on GitHub | Hugo (gohugo.io). The source code is on the main branch, and the generated content which is being deployed is on the gh-pages branch.
I am unable to figure out why the theme is not loading correctly on GitHub pages. Any help is appreciated.
Open your browser’s dev tools, go to the console, and refresh the page. You will probably see a bunch of 404’s – that should point you in the right direction.
If you need additional assistance, please post a link to the public repository for your project.
Include a link to the source code repository of your project, because we really need the context of seeing your templates and partials to be able to help you. It is trivial to do a quick git clone on your repo, then run hugo server in your project, to help you out. On the other hand, recreating your code from screenshots, or sort of guessing at it, is not.
If you can’t share your repository for whatever reason, consider creating a dummy repo that you can share, which reproduces the problem you’re experiencing.
I did check the console, the problem was in loading the CSS file because of some CORS/integrity issue as I was using a custom domain. I think this problem was caused by GH pages not being able to verify the domain I was using.
The problem was resolved after GH pages was able to run the DNS checks.
