Markdown 
Progression
ID | Status | Learning Item | Type | Related Project | Date Completed |
---|---|---|---|---|---|
1 | Markdown Tips & Tricks 1 | Blog | Learning Log | 8/18/2020 | |
2 | Markdown Tips & Tricks 2 | Blog | Learning Log | 8/18/2020 | |
3 | Wes Bos's Mastering Markdown | Course | Learning Log | 9/15/2020 |
Quick Reference
Links
[Link text](url "title tag")
For longer URLs,
[Link text][token]
[token]: https://www.google.com
Images
Images in Markdown are simply links with an exclamation (!) proceeding the link.
`![Alt-text][token]`
Links and images can be nested! For example:
``][Full-size image]`
You can also embed HTML inside tags.
Simplified Image Linking
`![Alt-text][token]`
`[token]: /learning-log/img/link.svg "alt-text"`
Diff Blocks
Using the syntax ```diff as a fence allows you to highlight code changes explicitly:
var x = 100;
- var y = 300;
+ var y = 200;