Links and embeds - Markdown Rendering

Note: Flowershow is configured to work with Obsidian shortest-path-possible wiki-links, but will also work with Obsidian absolute paths.

Wiki-link with "shortest-possible" path:

[[post-1]]

post-1

Wiki-link with absolute path:

[[blog/post-1]]

blog/post-1

Wiki-link to root README:

[[README]]

README

Wiki-link to README in blog folder:

[[blog/README]]

blog/README

Wiki-link with special characters:

[[Post With.Special.Chars %&(1)]]

Post With.Special.Chars %&(1)

Wiki-link to heading on the same page:

[[#Obsidian embeds]]

#Obsidian embeds

Wiki-link to heading on another page:

[[syntax/syntax#Text Formatting]]

syntax/syntax#Text Formatting

Wiki-link to asset:

[[assets/sample.pdf]]

assets/sample.pdf

Wiki-link case insensitive:

[[POST-1]]

POST-1

Wiki-link to file with permalink:

[[post-with-permalink]]

post-with-permalink

Wiki-link with alias:

[[post-1|Some Alias]]

Some Alias

Obsidian embeds

Images

Shortest path:

![[image.jpg]]
image

Absolute path:

![[assets/image.jpg]]
assets/image

With special characters:

![[Image With Special Chars %&(1).jpg]]
Image With Special Chars %&(1)

With dimensions:

![[assets/image.jpg|300x200]]
assets/image

With width only:

![[assets/image.jpg|300]]
assets/image

PDF

PDF embed:

![[sample.pdf]]

Video

Video embed:

![[sample.mp4]]

Audio

Audio embed:

![[sample.mp3]]

Absolute path link:

[/blog/post-1](/blog/post-1.md)

/blog/post-1

Relative path link:

[syntax](syntax.md)

syntax

Relative path link with dot-slash:

[./syntax](./syntax.md)

./syntax

Link to root README with absolute path:

[/README](/README.md)

/README

Link to parent directory README:

[../README](../README.md)

../README

External link:

[External link](https://example.com)

External link

Link to heading:

[#Links%20in%20JSX%20blocks](#Links%20in%20JSX%20blocks)

#Links%20in%20JSX%20blocks

Link to asset:

[sample](/assets/sample.pdf)

sample

Link with spaces in path:

[with spaces](/some/path/with%20spaces.md)

with spaces

Link with special characters:

[link](/blog/café&restaurant!)

link

CommonMark embeds

CommonMark image embeds:

![/assets/image.jpg](/assets/image.jpg)
/assets/image.jpg

CommonMark embed with dimensions:

![100x200](https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/Attachments/Engelbart.jpg)

CommonMark embed with width only:

![150](https://publish-01.obsidian.md/access/f786db9fac45774fa4f0d8112e232d67/Attachments/Engelbart.jpg)

Table with wiki-links:

| Column 1 | Column 2                          | Column 3 |
| -------- | --------------------------------- | -------- |
| Data 1   | [[post-1]]                        | Data 3   |
| Data 4   | [[post-1\|Link with Alias]]       | Data 6   |
| Data 7   | [[Post With.Special.Chars %&(1)]] | Data 9   |
Column 1Column 2Column 3
Data 1post-1Data 3
Data 4Link with AliasData 6
Data 7Post With.Special.Chars %&(1)Data 9
Built with LogoFlowershow