{{<figure>}} shortcode breaks relative links when not using uglyURLs

[spanezz]

Hello, and thank you for hugo.

I like to keep my pages and assets together (#330), and I'm so glad to find that it now works out of the box.

I also like to use relative paths in my pages to reference images, and ideally I could just do:

# halmerweg.md
{{< figure src="halmerweg.jpg" alt="Nice mural" >}}

However, when that becomes halmerweg/index.html, the image stays one level up, and the <img> tag that gets generated still points to just halmerweg.jpg instead of ../halmerweg.jpg.

This is somehow related to #1768.

Using relref instead the links are correct:

[internal link]({{< relref "other-post.md" >}})

renders correctly as:

<a href="/blog/full/path/other-post/">internal link</a>

[bep]

{{< figure src="halmerweg.jpg" alt="Nice mural" >}}

What is this relative to?

You must either provide a URL relative to the context-root or an absolute one. There is no URL magic in the figure shortcode.

[spanezz]

Oh I see. I assumed it was possible to just refer to resources relative to the current page, so to answer your question, in my example, that would have been relative to where halmerweg.md is located.

The ikiwiki that I currently use supports that, and it is a feature that I have so far relied on, because it allows me to prepare content without needing to know in advance where it's going to be located on the site.

[bep]

There are similar discussions/issues about this. Close this as a duplicate.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.