How to Use with Cloudinary

[billhennessy]

I am trying to move my image hosting Cloudinary for performance reasons, but I cannot figure out how to get Chunky Poster to use the absolute path.

I've changed the img tag in Card.html to <img src="{{ $.Site.Params.cloudinary_base_url }}/{{ with $page.Params.images }}{{ index . 0 }}{{ end }}" class="card-img-top mx-auto d-block" alt="{{ $page.Title }}">.

In local testing, this produces: http://localhost:1313/https://res.cloudinary/.... I cannot figure out why the base URL to the site is prepended.

Thanks.

[eri24816]

I had a similar issue that I want to put my image on imgur.
It worked after changing

{{- with $page.Params.images -}}
    {{- $images := . -}}
    {{- with $page.Site.GetPage "section" "images" -}}
        {{- with .Resources.GetMatch (strings.TrimPrefix "/images/" (index $images 0)) -}}
            {{- $image := .Fill "700x350" -}}
            <img data-src="{{ $image.RelPermalink }}" class="card-img-top mx-auto d-block" alt="{{ $page.Title }}">
        {{- end -}}
    {{- end -}}
{{- end -}}

to
<img src="{{ $page.Params.image }}" class="card-img-top mx-auto d-block" alt="{{ $page.Title }}">
and adding image: "https://i.imgur.com/dVY5HyZ.jpg" to my post.