Images in {{ content }}

[HarryFischer]

Hi –
Having some issues with how images are getting pulled through using Siteleaf -> Jekyll -> GHPages

I have the image added here:

and then added here:

But on the page I don't get the baseurl appended so the link is broken:

It is also getting wrapped in a

which I don't want.

I tried {{ content | markdownify }} but no luck

Any ideas?

[pranabdas]

You can try following options:

1. Use Jekyll filters: ![alt-text]({{ "/path/my-img.jpeg" | relative_url }})
2. If you want absolute url instead: ![alt-text]({{ "/path/my-img.jpeg" | absolute_url }}). You can read more here: https://jekyllrb.com/docs/liquid/filters/
3. I think in the older versions of Jekyll we needed liquid prepend filter https://shopify.github.io/liquid/filters/prepend/. ![alt-text]({{ "/path/my-img.jpeg" | prepend: site.base_url }})

[HarryFischer]

Thanks @pranabdas
Maybe I’m missing something … but the images are pulled in within {{ content }} so not sure how I’d append those filters?

[pranabdas]

@HarryFischer You add those filters where you have markdown syntax for images. You have image path inside () i.e., (/uploads/xxxxxxx.jpeg), now it becomes ({{ '/uploads/xxxxxxx.jpeg' | relative_url }}).

[HarryFischer]

Thanks @pranabdas
That works for me