๐Ÿ“š node [[apps obsidian]]

Obsidian

  • you can change the file name at the top of this window, and Obsidian will automatically update all links to it.

shortcuts

  • โ‡งโŒ˜O: show outline view

like in this theme https://github.com/bcdavasconcelos/Obsidian-GDCT

embedding

Obsidian native embed (uses double brackets instead of MD's single for images) (also works for eg .mp3, .pdf, .mp4)

โฅ… [[Engelbart.jpg]]

iframes

<iframe src="INSERT YOUR URL HERE"></iframe>

youtube hack:

<iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>

Some websites have quirks that don't allow you to embed them. For example, you can't embed a YouTube video by using its normal URL, but you can use its embed URL which is https://www.youtube.com/embed/VIDEO_ID. If you want to embed a website, try searching for "{website} embed iframe". Fore xample for Twitter:

Markdown files: md; Image files: png, jpg, jpeg, gif, bmp, svg, tiff; Audio files: mp3, webm, wav, m4a, ogg, 3gp, flac; Video files: mp4, webm, ogv; PDF files: pdf (<a href="/raw/garden/volt4ire/My File.pdf#page=number"><img class="image-embed" src="/raw/garden/volt4ire/My File.pdf#page=number"></img><p class="obsidian-embed"></a>โฅ… [[My File.pdf#page=number]]</p> to open to that specific page of the PDF directly)

resize embeds & images

  • For embeds, use <a href="/raw/garden/volt4ire/image.png|100x100"><img class="image-embed" src="/raw/garden/volt4ire/image.png|100x100"></img><p class="obsidian-embed"></a>โฅ… [[image.png|100x100]]</p>

  • For markdown images, use ![AltText|100x100](https://url/to/image.png)

    • To have the image scale according to its aspect ratio, omit the height <a href="/raw/garden/volt4ire/image.png|100"><img class="image-embed" src="/raw/garden/volt4ire/image.png|100"></img><p class="obsidian-embed"></a>โฅ… [[image.png|100]]</p>
๐Ÿ“– stoas
โฅฑ context