Markdown Flavors and the Treehouse Forum8:00 with Wade Christensen
Markdown actually exists in a few variations or *flavors*. We'll talk about what that means and look at a few Markdown flavors, which you can explore in more detail if you're interested. Also, did you know that the Treehouse Community Forum supports Markdown? I'll walk you through a quick example post on the Community Forum to provide a preview of what you can do to write better forum posts.
- Babelmark 2
- CSS Tricks: Choosing the Right Markdown Parser
- GitHub: Mastering Markdown
- Treehouse: Mastering Markdown
Completed cheatsheet code for this course
You can also download this from the Downloads tab on this page.
Markdown provides a syntax for links that’s easy to remember. First, type the text you want to appear on the page in square brackets, then add the link in parenthesis. If I want to link to Treehouse, I would type
You also have the option to provide a title, which appears when you hover the mouse cursor over the link. Just type a space after the url and close the label in quotes. Both the url and the title should be inside the parenthesis.
What if you want to link to a reference at the bottom of a section or page like a footnote? Start with the text in square brackets, but don’t add the parenthesis. Instead, add a number to reference in another set of square brackets.
Now at another place in the document, add the reference number in square brackets and follow it with a colon, a space, and the link url. You can add an optional title with a space and quotes to this type of link too. Reference links don’t require parenthesis.
: https://teamtreehouse.com "Treehouse Reference Link"
Type a label for the image in square brackets. On the Web we call this alt text, because it will be displayed as an alternate if the image cannot be shown for any reason. I have an image of kittens, so I’ll write, “Kittens” in square brackets and follow that with the url for the image in parenthesis.
That creates a link for the kitten image, but I want to display the image. All I have to do is add an exclamation mark in front of the square brackets.
What if I want the image to link to something too? Just add square brackets around your whole image code. At the end of the new square brackets, put the link url in parenthesis.
Images can have titles like links too. You add them the same way. After the image url, add a space and put the title in quotes.
That's it for this document. You now have a handy Markdown reference. Feel free to explore more information about Markdown and its many flavors, but this is a great start. The more you use Markdown the more natural it will feel.
Thanks for learning Markdown with Treehouse
You need to sign up for Treehouse in order to download course files.Sign up