HTML Export links to Images not working

I’m doing an HTML export of a group of markdown files, and image files that have markdown links between them. In the way I have it set up, I have a parent page that points to a child page for more info. I also have an assets group that is being exported at the same time that holds all my images.

For some reason my links to other markdown files work, and if I have an inline link to an image with the Title syntax, it works and shows the image, but if I omit the exclamation, and just make it a reference link, where I expect it to just load that image on a page by itself, it does nothing.

It exports the assets folder, and I’m assuming it can grab the links properly, because the inline images are working, but unsure why it won’t pull up an image solo as a link.

Here’s an example:


### Solar
![Building Site Sun Path](x-devonthink-item://90F5CFE0-C573-4D83-8386-992FC9088BBF)

The unique position of the entry and the size of the windows present a challenge in daylighting the interior of the building. See more below. 

[Typical (1st-3rd) Floor Glazing Locations](x-devonthink-item://EBAD2C54-0B34-4BA7-A0DD-0D314FBDC266)
[4th Floor Glazing Locations](x-devonthink-item://2466E719-5CD9-4F58-B190-497A34A01FCF)
[Glazing in Elevation](x-devonthink-item://89F2DEAC-31B0-435C-A379-88CC3FFEA63A)
[Typical Warehouse Window](x-devonthink-item://BB5014BE-47D3-4164-8108-0FA0ECAC581F)

[More about Solar](x-devonthink-item://AA5327B1-1DFB-4EA0-800A-0BD071CA6F00)

The first link is an inline image link, the next group is remote images, and the last link is to another markdown file.

And did you have a look at the source of the HTML so see how the images are referenced there?

As you’re using DT-item links: Where are you looking at the exported HTML – in DT or in a browser? In the latter case – how do you expect the browser to retrieve the images with an x-devonthink-item protocol?

What might work is to use links like

[...](assets/image1.png)

where assets is the group containing your images. You might have to play around with assets vs. /assets, i.e. absolute vs. relative URLs.

I don’t follow. A “remote image” would have to be something like https://example.com/image.png. And what is an “inline image link” here?

Added markdown above, here’s the html source for that same block as output by DT.

<h3 id="solar">Solar</h3>

<figure>
<img src="./Assets/Site%20SunCalc.png" alt="Building Site Sun Path" />
<figcaption>Building Site Sun Path</figcaption>
</figure>

<p>The unique position of the entry and the size of the windows present a challenge in daylighting the interior of the building. See more below.</p>

<p><a href="./Assets/Existing%20Building%20Drawings/1504%20A.D.%20German%20Warehouse/1504_005.tif">Typical (1st-3rd) Floor Glazing Locations</a><br />
<a href="./Assets/Existing%20Building%20Drawings/1504%20A.D.%20German%20Warehouse/1504_006.tif">4th Floor Glazing Locations</a><br />
<a href="./Assets/Existing%20Building%20Drawings/1504%20A.D.%20German%20Warehouse/1504_011.tif">Glazing in Elevation</a><br />
<a href="./Assets/Typical%20Warehouse%20Window.png">Typical Warehouse Window</a></p>

<p><a href="./Research%20Notes/More%20about%20Solar.html">More about Solar</a></p>

The HTML looks kind of ok. Now, if you open that in your browser and then open the browser’s developer tools, what messages do you see in its (the tools’) console?

And you should not use TIFF if you want browser support apart from Safari:

I don’t follow. A “remote image” would have to be something like https://example.com/image.png . And what is an “inline image link” here?

I was meaning an image that in the markdown preview was not in that markdown file, but that the link took you out to an image.

I tried replacing the link with assets/filename.png (Making sure the extension was correct.) and also tried pulling the link from the inspector, and neither of those showed the image in the markdown preview window.

I reexported the group I wanted to a different folder, and it seems to work now.

Solved… I guess?

Not enough information. You were talking about export to HTML first, now it’s markdown preview. And you didn’t say if you’re using a browser or DT to look at the HTML.

This would be a document named filename.png in an assets subgroup of the group where the Markdown document resides.