Include working example of hugos image porcessing with netlify

[decaporg]

Include working example of hugos image porcessing with netlify

[erquhart]

Agreed - can you add a description with a little more info?

[brasilikum]

@easherma, sorry, it's not public, but here is the structure I ended up going with:

I am using the following snippet to get a specific image:

    {{ $page := . }}
    {{ with $.Site.GetPage "page" "img/index.md" }}
        {{ $imgPath := split $page.Params.images "/"}}
        {{ $img := index $imgPath 2 }}
        {{ with .Resources.GetMatch $img }}
            {{$img400 := .Fill "800x400 Center"}}
            <img src="{{ $img400.RelPermalink }}">
        {{ end }}
    {{ end }}

Images are flat under the img directory (because of netlify).

The only non image file is the index.md with the following content:

---
title: Images
headless: true
---

Hope it helps

[brasilikum]

Done

[easherma]

@brasilikum can you link to your approach? I'm wrestling with the same issue.

[easherma]

Interesting! This does help, thanks. :-)

…

On Wed, Nov 7, 2018 at 8:56 PM Georg Hartmann ***@***.***> wrote: @easherma <https://github.com/easherma>, sorry, it's not public, but here is the structure I ended up going with: [image: screen shot 2018-11-07 at 9 51 41 pm] <https://user-images.githubusercontent.com/3106990/48174817-7d219900-e2d7-11e8-8948-d906c8689272.png> I am using the following snippet to get a specific image: {{ $page := . }} {{ with $.Site.GetPage "page" "img/index.md" }} {{ $imgPath := split $page.Params.images "/"}} {{ $img := index $imgPath 2 }} {{ with .Resources.GetMatch $img }} {{$img400 := .Fill "800x400 Center"}} <img src="{{ $img400.RelPermalink }}"> {{ end }} {{ end }} Images are flat under the img directory (because of netlify). The only non image file is the index.md with the following content: --- title: Images headless: true --- Hope it helps — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#19 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AKDTT0c90SGRgYriVX-DPIAEARjXrbdzks5us51qgaJpZM4T15f1> .

[marcojakob]

Thanks. Interesting approach.

Using Hugo's image processing will be much more straight forward once NetlifyCMS allows images to be stored relative to content. See decaporg/decap-cms#1472

Then we won't need the workaround with a separate img folder in content with a hack using a headless bundle.

[curzolapierre]

Hello, I can see that (decaporg/decap-cms#1472) issue has been fixed now.

What is the current status of the issue here?
What would be the best way to use the image processing now?

I tried to move the images to site/content/img but still, it seems that .Resources.GetMatch is not able to find them.