I have followed this tutorial Deploy a Hugo site to Azure Static Web Apps | Microsoft Learn to get hugo running in Azure Static web apps. As for as I can tell everything with the deployment finished without error. The workflow in Github completed successfully but the site looks like the CSS is broken.
This is the link https://wonderful-mushroom-06fe1290f.4.azurestaticapps.net/. I have not added the domain to the web app yet.
What am I missing?
in both edge and chrome there are some errors if you open the developer console.
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
Looks like the certificate is not working because it’s for your final domain.
and your links point to the final domain
404 Web Site not found.
You may be seeing this error due to one of the reasons listed below :
- Custom domain has not been configured inside Azure. See how to map an existing domain to resolve this.
- Client cache is still pointing the domain to old IP address. Clear the cache by running the command ipconfig/flushdns.
Checkout App Service Domain FAQ for more questions.
I know have the domain added and the DNS settings correct. I run Hugo build, then push the changes to github, the github action completes with no errors. It still looks broken to me. Is there something else I need to run locally in addition to hugo build before pushing to github?
The local build seems to work fine.
What is “it”? This link is dead:
https://wonderful-mushroom-06fe1290f.4.azurestaticapps.net/
What does “broken” mean?
Have you fixed the errors displayed in the console of your browser’s dev tools?
