Hey Guys, I’m hours in and I can’t seem to get image processing to work in my shortcode, All my errors revolve around getting the image, things like “nil pointer evaluating resource.Resource.Resize” or can’t be a string… My main questions are what folder should the images for the blog posts be in? …

[image] bwintx: Well, if you’d been able to make that happen from static , See: [image] Configure Hugo modules This page describes the configuration options for a module. If you do something ala: [[module.mounts]] source = "static/images" t…

I have a figure shortcode that might give you some pointers: /layouts/shortcodes/figure.html {{ if .Get "name" }} {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get "name") ) }} {{ if $original }} {{ $command := .Get "command" }} {{ $options := .Get "options" }} {{ if eq $command…

Thanks pkollitsch so just to be sure (since the last few hours have driven me insane) where would your images be? and the shortcode param name is the images src name with file extension like image.jpg or with file location? Pretty sure {{ $original := .Page.Resources.GetMatch (printf "%s*" (.Get "n…

That shortcode serves different ways. Some samples: As static path within your site (for instance a file in the static directory): {{< figure src="/wp-content/old-images/84.jpg" >}} This will look for /static/wp-content/old-images/84.jpg. Or: as a page bundle: /content/posts/some-title/index.md …

@Ben_0 I have a couple of starter site repos with shortcodes for image processing. My understanding from the documentation is that Hugo image processing requires images to be in the same folders as the content “calling” them, so that’s how I have them set up in the starters. Maybe they will help you…

@bwintx we should come up with some canonical/best practice examples of doing these things … When I get some time … However, my lastest shot at something similar is this: bep/portable-hugo-links/blob/master/layouts/_default/_markup/render-image.html {{- $img := .Page.Resources.GetMatch .Des…

@bep Understood. As I note in the repos, what I did was shamelessly ripped off :smiley: from others who had a better grasp than I of page bundles, Hugo image processing, etc. But duly noted, sir.

bwintx Thanks for your time, I seem to get an error about SASS/SCSS resources not found in the file cache when trying to serve?

[image] bwintx: My understanding from the documentation is that Hugo image processing requires images to be in the same folders as the content “calling” them, so that’s how I have them set up in the starters. Check out my shortcode in one of the comments above. I somehow have it working on im…

Hmm. Interesting. According to docs as I understand them (which, I grant you, is a huge qualifier), that shouldn’t be possible. Assume you’re talking about a standard placement of the assets and static directories and their respective contents. (And, of course, note what @bep said above.)

How to use Image Processing using a short code?

jmooring September 19, 2020, 1:49pm 9

You need to install the extended version of Hugo.

1 Like

Resize an image with markdown

Topic		Replies	Views
How to use Image Processing from Hugo's example support	10	1214	August 26, 2021
Code inside Content Posts not working support	16	1257	June 19, 2023
Imgproc shortcode not working inside of content.md files support	3	1336	February 4, 2020
[SOLVED] Hugo cannot find image for processing support	3	1609	March 31, 2018
What is the current status of image processing in Hugo? support images	6	356	May 3, 2024

How to use Image Processing using a short code?

Related topics