I have successfully deployed my Hugo site using Netlify. However, there are minor problems when accessing the site through one domain (www.npangakis.com) versus another domain (https://npangakis.netlify.app). In short, some icons are not loading when accessing the site through www.npangakis.com. I’ve attached screenshots which show the discrepancies. The repo is GitHub - npangakis/pangakis_website: Personal website created using blogdown. Any idea what’s going on? Thank you!
Have you looked at the console in developer tools ?
The issue is caused by the fact all resources are loading from
npangakis.netlify.com (which is now
npangakis.netlify.app see: Changes coming to Netlify site URLs: .com to .app)
<link rel="stylesheet" href="https://npangakis.netlify.com/css/main.css">
<link rel="stylesheet" href="https://npangakis.netlify.com/css/rad-icons.css">
<link rel="stylesheet" href="https://npangakis.netlify.com/css/custom.css">
The reason this is happening is because of the
baseURL in the
Remove this, or change the value to
/ and this issue should disappear.
Thanks for the help. This worked!