Fix issue where page bundle images fail to load

[mikepianka]

First of all, I just want to say thanks for the awesome theme.

I noticed an issue where images in page bundles fail to load if the site is not deployed to the root. For example, if you deploy the site to www.example.com/projects/info.

To reproduce the issue, in the say-hello-to-doks blog post embed the say-hello-to-doks.png and run a build.

Checking out the resulting index.html, the first entry in data-srcset has an absolute URL but the rest are relative URL's. The relative links will fail to load once deployed since the default config is using canonical URL's with a baseURL.

This seems because RelPermalink is used in the img shortcode. Switch to Permalink and rebuild to fix the issue.

[OCram85]

@mikepianka: Does this issue occur only on netlify deployments or on local builds, too?

[mikepianka]

Just deploys. Things seem to run fine in the local dev server with or without the change. I'm new to Hugo but I believe baseURL / canonify get ignored when running locally which might explain that. Also, it's not specifically a Netlify deploy issue because I'm not deploying there.

[h-enk]

Thanks again! It's a production build issue (independent of hosting).

Tested /verified with local production build using the following ./config/production/config.toml settings:

baseurl = "http://192.168.1.10:8080/projects/info/"
canonifyURLs = true
publishDir = "/projects/info/"