Broken image sources in Hugo with base64 encoded images about pagefind HOT 2 CLOSED

Interesting fact: The issue exists on my MacBook and also on an Ubuntu server but NOT on Cloudflare where I'm deploying to. All versions (Hugo and pagefind) are the same on all systems, however Cloudflare uses the go-build (MacBook uses homebrew, Ubuntu uses snap).

Maybe this helps.

from pagefind.

Hugo team came back with the solution.

Tell the formatter that src is a safe HTML attribute like this:

{{ with resources.Get "a.jpg" }}
  {{ $src := printf "data:%s;base64,%s" .MediaType.Type (.Content | base64Encode) }}
  <img {{ printf "src=%q" $src | safeHTMLAttr }}>
{{ end }}

from pagefind.