# Obsidian
Obsidian is a personal productivity tool advocated by [[Nick Milo]] as part of his [[Linking Your Thinking]] workshop that uses locally stored markdown files for note storage.
## Hotkeys
- Edit mode / preview mode switching with cmd+e
- Cmd+o to open the quick switcher
- Cmd+Shift+f search
- Back/forward cmd+opt+left/right arrow
- Open in a new window cmd+click on a note
- To open developer tools use Ctrl+Shift+i on Windows and Cmd+option+i on Mac
## Searches
- Exclude Templates `-path:Templates/`
## Tools
- A rather good looking free alternative to Obsidian Publish is [Quarts](https://quartz.jzhao.xyz/).
- For advanced tables formulas see [[Obsidian Advanced Tables Formulas]]
## Obsidian Publish
Obsidian Publish css template can be found here:
https://publish.obsidian.md/app.css
## Embedding Into Obsidian Notes
### YouTube
Click on share and copy the embed code.
<iframe width="560" height="315" src="https://www.youtube.com/embed/g2p77ZCt6wM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
```html
<iframe width="560" height="315" src="https://www.youtube.com/embed/g2p77ZCt6wM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
```
### Tweets
Unfortunately I've found no nice way of embedding tweets. So just use the markdown quote
> I created a new look for https://fsharpforfunandprofit.com. It's a mobile-first theme using flexbox rather than bootstrap. Let me know what you think. Also let me know if you have any display problems on any platform.
> — [Scott Wlaschin](https://twitter.com/ScottWlaschin/status/1361398242638979074)
### Websites
Website content can be embeded using iframe-s.
```html
<center>
<iframe width="560" height="700" src=""></iframe>
</center>
```
### Images
``
To give a background color to an image (useful for transparent png-s) use:
```
<div>
<img src="https://imgur.com/jVYHYUd.png" style="background: white; padding: 10px; width: 200px" />
</div>
```
## Footnotes
Footnotes are added like this:[^1]. And are then rendered at the bottom of the page.
[^1]: This is a footnote!
## Resources
- [[Nick Milo]]'s [Obsidian Introduction Videos](https://www.youtube.com/playlist?list=PL3NaIVgSlAVLHty1-NuvPa9V0b0UwbzBd)
- Bryan Jenks's [Comprehensive Obsidian Workflow](https://www.youtube.com/watch?v=Ewhfok91AdE) which also covers [[Zettelkasten]] and Evergreen Notes
- [Bryan Jenks's Obsidian Templates](https://www.notion.so/nikolamilekic/Bryan-Jenks-s-Templates-97475def4b264fbb897580927eebf03b)
- [Awesome Obsidian](https://github.com/kmaasrud/awesome-obsidian)
- [[Markdown Cheat Sheet]]