About

Not all of Obsidian's capabilities are thoroughly documented in the Obsidian Help Docs.

That's not to say that the docs are lacking – they are an excellent primer on using Obsidian. What is lacking is some of the more particular, obscure workarounds inherent to Markdown and HTML content in Markdown. These are generally for very specific use-cases.

Display a Link as an Image

Want to create a button or an image that links to a different note or an external web page?

We can do this by wrapping an embedded image inside the square brackets ([ ]) of a standard Markdown link. Inside the square brackets we would insert the Markdown for either:

• an embedded Internal Image, e.g:

![[Engelbart.jpg]]

• an External Image, e.g:

![Engelbart](https://history-computer.com/ModernComputer/Basis/images/Engelbart.jpg)

External Link

Using an image to link to an external web page:

Eternal image:

[![image alt text](url to image)](https://www.some-website.com)

Internal image embedded via wikilink:

[![[wikilink to image.png]]](https://www.some-website.com)

Internal Link

Using an image to link to an internal page does not work using the standard [[wikilink]] syntax.

Instead, it is formatted like a Markdown link, with the exception that instead of a URL in the (brackets), you would put the page name surrounded by < >. So, [[page title]] would instead be written as (<page title>)

Here is the full formatting:

Eternal image:

[![image alt text](url to image)](<page name>)

Internal image embedded via wikilink:

[![[wikilink to image.png]]](<page name>)

Wikipedia-Style 'Inline Cleanup Tags'

Using the HTML <sup> (superscript) tag, we can create a Wikipedia-style Inline Cleanup Tag.

You may have seen them before while trawling a wiki article – they look like this:

• Some consider the Tribunal to be false gods. ^{[according to whom?]}
• Wulfharth, along with Dagoth Ur, led the Nordic and Orc forces into Morrowind. ^{[original research?]}
• Nerevar was betrayed and murdered by the Tribunal. ^{[citation needed]}

<sup>\[_[[name of tag]]_\]</sup>

<sup>\[_[name of tag](url)_\]</sup>

Tables - lists and linebreaks

• https://www.markdownguide.org/hacks/#line-breaks-within-table-cells
• https://www.markdownguide.org/hacks/#lists-within-table-cells

Investigate Further:

• Adding titles to links
• Reference Style Links

External Links