Linking a cover image in a note to a PDF in the vault

Help
1

I’ve read a few threads here and the docs pages, but this is either impossible or so esoteric…

What I’m trying to do

I found that the PDF++ community plugin lets me view PDFs as if they were notes, annotate them, etc. I thought it might be a good replacement for increasingly ensh**tified reader apps with a BYO cloud approach (syncing through OneDrive)

So I wrote up a quick script using ImageMagick to generate cover thumbnails. Now I want to create directory pages for different categories. Think of it like…

<a href=“relative internal link”><img src=“relative internal link to image”></a>

But I cannot get that HTML to work or any of the varied MD/wiki linking strategies I’ve seen in docs or forum threads.

Things I have tried

That HTML works fine if the link target is an external http or https link, but if it’s a relative link in the vault, clicking the image just shows me the underlying HTML.

![[/images/covers/pdf1.jpg|200]] - gives me the thumbnail, but cannot seem to be linked to anything.

[![/zImages/zbooks/pdf1.jpg|200]](/zbooks/pdf1.pdf) shows the image next to the text of the second URL in parentheses.

[![/zImages/zbooks/pdf1.jpg|200](/zbooks/pdf1.pdf)] - embeds the PDF in the page.

[[local url to pdf]] works like a wiki style link and displays the local URL, linked to the file.

I don’t want to absolute link (file:///C/whatever) because the syncing across mobile and desk/laptop means the absolute URI will not remain consistent.

Ideas?

2

I’ve done similar things before. An http Python server serves the files from PC so the thumbnails (in my case images, not PDF related) are shown on the tablet as well. I mean there is no other way… Other than to create a separate file (or even vault) for mobile…

3

Some simple testing in my vault shows that this could possibly work:

[![[/images/covers/pdf1.jpg|200]]](/zbooks/pdf1.pdf)

Compared to your examples, this syntax kind of make sense too. You’ve got a [...](...) to provide a link with an alternate display, and a fully qualified image to use that alternate display text, using the ![[...|...]] syntax.