Markdown image tags are being rendered verbatim

Hi, I’m trying out Hugo, and trying to migrate my existing Jekyll website to it, but running into issues.

The page in question has the following Markdown section:

# Padlocks

## Master Lock #3

![Master Lock #3](/assets/images/2022-12-12 17.33.17.jpg)

![Master Lock #3 keyway](/assets/images/2022-04-24 17.22.16.jpg)

![Master Lock #3 key](/assets/images/2022-12-12 17.33.49.jpg)

This is the classic Master lock people had on their school gym lockers back in
the day (or, at least, back in _my_ day). It's got 4 pins, all standard. As you
can see from the key, the pin depths are all pretty much the same, so raking
this is really easy, as is SPP. The only slightly challenging thing about this
lock is that the cylinder is spring-loaded, so that it pushes against your
tension while you're picking. What this means in practice is you can have
picked it open, and not know it unless you happen to put more tension and feel
it rotate. Not terrible, but occasionally annoying.

Here’s how it’s rendering:

and here’s the HTML being generated:

<h1 id="padlocks">Padlocks</h1>
<h2 id="master-lock-3">Master Lock #3</h2>
<p>![Master Lock #3](/assets/images/2022-12-12 17.33.17.jpg)</p>
<p>![Master Lock #3 keyway](/assets/images/2022-04-24 17.22.16.jpg)</p>
<p>![Master Lock #3 key](/assets/images/2022-12-12 17.33.49.jpg)</p>
<p>This is the classic Master lock people had on their school gym lockers back in
the day (or, at least, back in <em>my</em> day). It&rsquo;s got 4 pins, all standard. As you
can see from the key, the pin depths are all pretty much the same, so raking
this is really easy, as is SPP. The only slightly challenging thing about this
lock is that the cylinder is spring-loaded, so that it pushes against your
tension while you&rsquo;re picking. What this means in practice is you can have
picked it open, and not know it unless you happen to put more tension and feel
it rotate. Not terrible, but occasionally annoying.</p>

I’ve looked all over the docs, but it all seems to indicate that this is the proper way to specify images. Clearly, I’m doing something wrong, but I’m very confused as to what it might be.

I’m using the Anatole theme, if that makes a difference.

Any help for this n00b would be greatly appreciated!

-Jack

What is the path to this file relative to the root of your project?

./static/assets/images/2022-12-12 17.33.17.jpg

No, I meant the path to the file that contains the markdown.

I just noticed you have a space in the image name. Not a great idea. You need to wrap the path in <>.

![Master Lock #3](</assets/images/2022-12-12 17.33.17.jpg>)

This is per the Markdown specification; it is not specific to Hugo.

Yep, that was it! Thank you so much.

FWIW, it rendered correctly with the space in Jekyll, and in Typora (a markdown editor), so I didn’t realize that was part of the standard.

Thanks again!!!

-Jack

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.