Beginners Simple Guide to Using Markdown for Writing

<h1>What is markdown?</h1>With this post, I’m learning about <strong>markdown language</strong> and teaching you at the same time. I am a beginner at using markdown. I’ve found that the blog posts I write when I’m a beginner are more helpful to other beginners because there are things that more advanced people forget. This is going to be true because markdown requires spacing rules that I will forget once I’m an expert and they become second nature.<br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCgmw48NVI3FU79aUSYoqTfLB99iKdw_sXNXYwfODaj7g9GhZnzeU31VEewFMlJay6s7vEh1Due4iJNTkCVTMbIcPoacoNVxo1ZBtpVdAEws5APoJwC33sig3P3DZuBjMB0o8xhD8teWd/s1600/2013-08-13+07.11.43.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhCgmw48NVI3FU79aUSYoqTfLB99iKdw_sXNXYwfODaj7g9GhZnzeU31VEewFMlJay6s7vEh1Due4iJNTkCVTMbIcPoacoNVxo1ZBtpVdAEws5APoJwC33sig3P3DZuBjMB0o8xhD8teWd/s400/2013-08-13+07.11.43.png" width="400" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Here are some markdown notes from class yesterday. These notes will<br />end up exported to Evernote. If you notice the black background and white<br />words - that isn't a big deal - I chose that format because I've found it is<br />easier on my eyes and doesn't wake me up if I'm writing at night.<br />Let's see how this works - don't be scared, especially if you need fast ways<br />to type and format at the same time.</td></tr></tbody></table><br /><strong><a class="zem_slink" href="http://daringfireball.net/projects/markdown/" rel="homepage" target="_blank" title="Markdown">Markdown</a></strong> is a simple way to format. When the Internet began, some of us geekier types wrote in <strong>html</strong> or the language of the web. This was hard because if you forgot one bracket, your code wouldn’t show or it would mess everything up. Markdown is forgiving and pretty simple if you play with it.<br /><br />Now that the web is maturing and many are moving to tablet devices, we’ve realized that it really is more efficient to keep your hands on the keyboard. It is funny that we moved from the keyboard to the mouse because it was easier to use the mouse. Then we moved from the mouse to touching the screen because it was easier. Now, we’ve found that for some things - particularly text-rich activities like typing this post - keeping your hand on the keyboard really makes sense.<br /><br />Don’t get stressed. If you want to be more productive and you use <a class="zem_slink" href="http://www.evernote.com/" rel="homepage" target="_blank" title="Evernote">Evernote</a> or Blog or you write anything, you might want to use this. If you’re not there yet, just be aware that Markdown language exists and know that it is just a special way of formatting.<br /><h2>What apps use markdown?</h2>I’m using <a href="http://bywordapp.com/">Byword</a>. It is an app that lets you type without any toolbars or headers. I use it on my ipad. I use the markdown language to type adding the symbols as needed. If you pay for the <strong>premium version</strong> then you can post directly to <a href="http://www.evernote.com/">Evernote</a> , <a href="http://www.dropbox.com/">Dropbox</a>, <a href="http://www.blogger.com/">Blogger</a>, or <a href="http://www.tumblr.com/">Tumblr</a>. <br />There are other apps that use markdown. It is writing for smart people… you don’t have to be geek, just able to learn a few keys.<br /><br /><h2>How do I use Markdown?</h2>I intentially waited to post this blog for a week to make sure it is something I use. I do use it. In fact, I'm using it daily to take notes (see the notes above from some student brainstorming we did this week) to draft emails, and to draft blog posts. All of the blog posts from this past week were drafted in Byword.<br /><h1>Quick Markdown Guide for Beginners</h1><hr /><h2>What are the markdown tags?</h2>Let’s learn the code now.<br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OYnkAlGcgPPkxwi3_mhvNbwAxlwcWLLnDI7SzEsBtchHzGVWNyHg4QSMA8O4OCKguzDQx7RhLYLgtl-Ud16sfOJpt91VULMjrtBcDHzAnYNkJZMPeCMqvOomJfgRuYdnj_ID2sIleTp4/s1600/2013-08-13+07.17.55.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0OYnkAlGcgPPkxwi3_mhvNbwAxlwcWLLnDI7SzEsBtchHzGVWNyHg4QSMA8O4OCKguzDQx7RhLYLgtl-Ud16sfOJpt91VULMjrtBcDHzAnYNkJZMPeCMqvOomJfgRuYdnj_ID2sIleTp4/s640/2013-08-13+07.17.55.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">This is what I typed at the top of this post. <br />When you see the ` - that character means "block text" the indented type of text.</td></tr></tbody></table><br /><h3>Basic Formatting</h3>If you you use an app that uses markdown and type:<br /><code><br /></code><br /><blockquote class="tr_bq"><code>**Bold** uses 2 asterisks </code><code>*italics* uses 1 asterisk</code></blockquote><code><br /></code>When you look at the final document it will look like this:<br /><strong><br /></strong><strong>Bold</strong> - 2 asterisks<br /><em>Italics</em> - 1 asterisk<br /><strong><br /></strong><strong>Tips for Basic Formatting:</strong><br /><ul><li>You can also use the underscore or underline instead of asterisks.</li></ul><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEPM5hnVRNKwCieVsvxhT2rILN_CcHjTxVrpu7haftAc6wxL36eRSRchCvr2RRzdtv8hvJFF4dQEXpbrVcgC0CPyAVlevoyj4_eMdpC7gkDoz_5B06-ye7qPEHKHEJ2J9AYMchHVaRhmbP/s1600/2013-08-13+07.18.02.png" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEPM5hnVRNKwCieVsvxhT2rILN_CcHjTxVrpu7haftAc6wxL36eRSRchCvr2RRzdtv8hvJFF4dQEXpbrVcgC0CPyAVlevoyj4_eMdpC7gkDoz_5B06-ye7qPEHKHEJ2J9AYMchHVaRhmbP/s640/2013-08-13+07.18.02.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">The text I used to type this. You could just type this in your Markdown editor and preview it to see how it works.<br />You really should DO this to get it. </td></tr></tbody></table><h3>Lists</h3><h4>Bulleted Lists</h4>If you want a bulleted list, then all you have to do is use one asterisk starting the line:<br /><code><br /></code><br /><blockquote class="tr_bq"><code>* One bullet</code><br /><code>* Another bullet</code></blockquote><code><br /></code>This is what it looks like:<br /><ul><li>One bullet</li><li>Another bullet</li></ul><strong>Bullet Tips for beginners</strong><br /><ul><li>You have to have a space betweeen the bullet and the first words in each line. If not, it might think you’re doing italics.</li><li>You need to have a blank line before you start the bulleted list or it might not work.</li><li>Press enter between bullets.</li><li>You can use a plus + or minus - instead of the asterisk in some programs</li></ul><h4>Numbered Lists</h4>Numbered lists are very simple, just press enter and type a number and a period. <br /><ol><li>Markdown will make you more productive when you use it.</li><li>We all learn things to be more productive including things like touch typing.</li><li>Mark down takes far less time to learn than touch typing.</li></ol><strong>Numbered List tips for beginners</strong><br /><ul><li>Once an app sees you’re typing numbers, it will automatically put them at the beginning of each line when you press enter.</li><li>Just press backspace and get rid of the numbers when you’re done.</li><li>You can mix numbered lists and bullets together any way you wish.</li><li>You can’t format the numbers to be Roman numerals - it is just simple 123.</li></ul><div><br /></div><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6k6lbDJLf5u1uC_9BY7boZP5vFbQDSaypmeaZ6timLmGSYCFUJjcjxVHw4dccjCh0AoFxrwc9GqRegWwmVF-p9LmauZyyafs5HHgCeWZpWod67Y7Px3mcVZwVCcBeD42MaH4x_-kCfApc/s1600/2013-08-13+07.18.12.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6k6lbDJLf5u1uC_9BY7boZP5vFbQDSaypmeaZ6timLmGSYCFUJjcjxVHw4dccjCh0AoFxrwc9GqRegWwmVF-p9LmauZyyafs5HHgCeWZpWod67Y7Px3mcVZwVCcBeD42MaH4x_-kCfApc/s640/2013-08-13+07.18.12.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">Hyperlinks are a bit tricky. NOtice that there are NO spaces between the first bracket [] and the parenthesis ().<br />This is important.</td></tr></tbody></table><h3>Hyperlinks</h3>Now, you can do hyperlinks 2 ways. An easy way and a way for people who really are geeks.<br /><h4>Basic Hyperlink (<em>The Easy Way</em>)</h4>Basic hyperlink is like I did above is like this:<br /><code><br /></code><br /><blockquote class="tr_bq"><code>[My Tumblr Blog](http://www.vickidavis.me)</code></blockquote><br />It looks like this in the final document:<br /><br /><a href="http://www.vickidavis.me/">My Tumblr Blog</a><br /><br /><strong>Tips for the Basic Hyperlink for beginners:</strong><br /><ul><li>The first part in the brackets are the words you want to hyperlink</li><li>Second you put the hyperlink in parentheses.</li><li>DO NOT put a space between the brackets and the parentheses – it won’t work. This took me 10 minutes to figure out. I automatically space between everything. I almost chucked it all for this one reason. Learn from my mistake.</li></ul><h4>Time saving hyperlinks (<em>Advanced</em>)</h4>Let’s say that you are going to do a blog post or something longer with many hyperlinks. This is for <strong>advanced users</strong> but it works. <em>If you’re a beginner, SKIP this section! Trust me.</em> <br />So, if you have a hyperlink that you’re going to use and reuse, let’s say a Twitter handle or two. Here’s how you can do that.<br /><ol><li>Type in the words you want to hyperlink in brackets.</li><li>Then, type the letter you want to use to refer to it. (This is called a <em>variable</em> for those who get into programming.) So, the code for my Twitter handle looks like this: <code><br /><br />[@coolcatteacher][t]<br /></code></li><li>Then, later on, like at the bottom, you define the link like this: </li></ol><blockquote class="tr_bq"><code>[t]: http://www.twitter.com/#/coolcatteacher</code> </blockquote>Where the first thing in brackets is the letter you want to use, then the colon and then the hyperlink you want to use.<br /><br />Any time you want to use that link just put the letter in brackets behind it.<br /><br /><blockquote class="tr_bq"><code>[Follow me][t] on Twitter [@coolcatteacher][t]</code></blockquote>looks like:<br /><br /><a href="http://www.twitter.com/#/coolcatteacher">Follow me</a> on Twitter <a href="http://www.twitter.com/#/coolcatteacher">@coolcatteacher</a><br /><br /><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody><tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2KTs4n6QorwZVN2IA0wx_pLh4W7HbAOk1MAdHrSbDQylJP9rTwLRAKVWwnSmiE05ZrVr1N4VjR5vALzsBUk8P9RwPjB44bvQOsCVQ4a2jWDRvkoxBFSqoPmw99pYiorGUFSLBeZ3NY4Q/s1600/2013-08-13+07.18.25.png" imageanchor="1" style="margin-left: auto; margin-right: auto; text-align: center;"><img border="0" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii2KTs4n6QorwZVN2IA0wx_pLh4W7HbAOk1MAdHrSbDQylJP9rTwLRAKVWwnSmiE05ZrVr1N4VjR5vALzsBUk8P9RwPjB44bvQOsCVQ4a2jWDRvkoxBFSqoPmw99pYiorGUFSLBeZ3NY4Q/s640/2013-08-13+07.18.25.png" width="640" /></a></td></tr><tr><td class="tr-caption" style="text-align: center;">See how I wrote the words above in the original draft.</td></tr></tbody></table><strong>Tips for Repeating Hyperlinks for “Advanced” Beginners ;-)</strong><br /><ul><li>Note you typically want to only use something the first time it is mentioned to prevent clutter unless absolutely necessary.</li><li>If you are using an ipad and know you’ll use things like your Twitter handle a lot, you could use autotext and paste your links at the bottom of each post and then just use the letter. This is a big time saver. Autotext lets you automate text you use a lot.</li><li>If you do not have the hyperlink typed at the bottom, it won’t work at all and the text will look just like you typed it. You must do Step 4 above or it doesn’t work.</li><li>Don’t repeat letters in a document.</li><li>You start over in a new document and have to retype the definitions at the bottom. This means you can reuse the letters in the new document.</li></ul><h4>What if I want to link to an image?</h4>This is a bit tricky because the image should already be up on the web. I would hold off on this unless you’re advanced. If you are, instead of a hyperlink, you paste the link to the image second. Remember, if you want a repeating image, it will work the same way as above.<br />So, I’ll do a simple image like this (sorry the link is so long). I found an image I wanted to show and copied the image link. You get there on an ipad by opening the image in a new tab by itself. Usually it ends in .jpg called a “j-peg.” <code>!</code><br /><code><br /></code><blockquote class="tr_bq"><code>[Inspirational Quote](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjifrVGdVBHA17iDzfr3x4g8aeQ9DFICXXOeB5wmwizHXEzzfs9GhP6WQk7Seaii8j5mCXUSAZx5DGOp_ixouZtdepziCOLIodKkGQBFW2JufYmyrHVRE6MjygJQDyopWWslQJ1K0p_cH5a/s1600/greatness-of-a-teacher.jpg "Quote from an image I'm using to demo")</code></blockquote><code><br /></code><code><br /></code><img alt="Inspirational Quote" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjifrVGdVBHA17iDzfr3x4g8aeQ9DFICXXOeB5wmwizHXEzzfs9GhP6WQk7Seaii8j5mCXUSAZx5DGOp_ixouZtdepziCOLIodKkGQBFW2JufYmyrHVRE6MjygJQDyopWWslQJ1K0p_cH5a/s1600/greatness-of-a-teacher.jpg" title="Quote from an image I'm using to demo" /> <br /><h3>Block Quotes</h3>You can quote people just by using the right pointing caret (just above the period.) <code>>"Innovate or depreciate" Vicki Davis</code> looks like<br /><blockquote>“Innovate or depreciate.” Vicki Davis.</blockquote><h4>When do we use blockquotes?</h4>We use blockquotes when we are quoting another source. This is good netiquette and more ethical than not using them. It is just something that developed as bloggers wrote.<br /><h4>Can we combine this with what we’ve already learned?</h4>Yes! You can mix these things together. So.<br /><br /><blockquote class="tr_bq"><code>>"Innovate or depreciate." [Vicki Davis][t]</code></blockquote><br />Turns into<br /><blockquote>“Innovate or depreciate.” <a href="http://www.twitter.com/#/coolcatteacher">Vicki Davis</a></blockquote><h3>Headings</h3>Headings are simple<br /><blockquote class="tr_bq"><code>#Heading 1 </code><code>##Heading 2 </code><code>###Heading 3 </code><code>####Heading 4 </code><code>#####Heading 5 </code><code>######Heading 6</code></blockquote>This looks like:<br /><h1>Heading 1</h1><h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6><strong>Heading Tips</strong><br /><ul><li>There are 6 levels of headings.</li><li>How those headings look are determined by the blog or software you’re using. Your headings will NOT look like my headings. They also won’t look like they do in preview.</li><li>TEST TEST TEST YOUR HEADINGS! - That is why an experimental post like this makes sense. I’m helping you and learning the code while being transparent that I might (and will) mess up the first time this post goes live!</li><li>Some people put the number signs at the beginning and end of the heading but it is not necessary.</li><li>Think of headings as outlines.</li><li>If you are blogging, Headings are important parts of <strong>SEO</strong> or “search engine optimization.” This means that you should put your most important words in headings.</li><li>If you’re taking notes, processing the notes by making lists (or even mind maps) is shown [by research] (http://wac.colostate.edu/journal/vol16/boch.pdf) to improve the use of notes. This is why I like to use headings, bullets, and numbers when I take my notes into Evernote.</li></ul><h2>Showing Code</h2>I’ve been showing you the code I’m typing by using the <em>‘backtick’.</em> located to the left of the 1. I can’t show the backtick because this is the one thing that won’t show this way. But you can see it in the screenshots above.<br /><h2>Horizontal lines</h2>You can do underlines several ways but you should use 3 or more dashes or asterisks<br /><code><br /></code><blockquote class="tr_bq"><code>- - - or ***</code></blockquote><br />It shows like this:<br /><hr /><strong><br /></strong><strong>Tip for horizontal lines</strong><br />*If you don’t have a blank line in front of the horizontal line, it might not show and it will mess up the heading or items in front of it. Another hard lesson learned.<br /><h2>Manual Breaks</h2>When you have 2 or more spaces at the end of the line and press enter it makes a manual break. A <em>manual break</em> means one line in front of the other. <br /><br /><strong><br /></strong><strong>Tips for manual breaks</strong>If you want a full line in between, make sure that you press enter twice.<br />I used the <a href="https://github.com/fletcher/MultiMarkdown/blob/master/Documentation/Markdown%20Syntax.md" target="_blank">Markdown syntax guide</a> from github to test and make this work.<br /><h1>So, how will someone use this?</h1>Again, if you are <em>already</em> writing a lot - including blog posts, Evernote notes, books, and more… this can save you time.<br /><h2>Why markdown makes sense</h2>Any time your hand leaves the keyboard to do something whether it is swipe or click a mouse, you slow yourself down. When time is money and you’re working to draft or keep your wordcount up, typing in an app like Byword and using markdown can save you time. <br /><h2>Do I recommend markdown?</h2>I’m still learning markdown and will share how I keep using it. As with all productivity tips, time will tell. However, many productivity gurus I trust are using this type of app and for me, that means it is time to take a try.<br /><br />For now, after about a week of learning it, I'm using it more than three times daily, at least. Emails that are longer than a few sentences and longer notes for Evernote, I'm typing them in Byword first. It syncs to Dropbox as well. It is a bit interesting if you forget to export it and want to do that on Windows 8, but I've found an app that will do it there as well.<br /><br />Just remember, it is just a fast way to format and type designed for writers who are willing to try something new. If it freaks you out, don't do it.<br /><h2>How I’ll start using markdown</h2>I’ll experiment with markdown for taking Evernote notes and for writing. I’ll let you know what I think. Right now I’m syncing with Dropbox for this blog post and I’ll generate the HTML and paste it into Blogger.<br /><br />If I like it, I’ll pay the $4.99 for the premium version of Byword so I can publish to Blogger, Tumblr, and Evernote. (I did this after a day - it is worth it. I do admit that I do not like to publish straight to blogger because it won't let me do a draft - I export the HTML and copy it into Blogger and add pictures, etc.)<br /><h2>How are you using markdown?</h2>I would love to hear from those of you who’ve beat me to this trend and are already using it. <br />Do you mind leaving your thoughts in the comments or sharing links to blog posts you’ve written about why you like (or don’t like) markdown?<br /><br />As always, thank you for helping disseminate best practices. We all become more productive when we learn and share together!<br /><br />This is a tad geeky for some but sometimes the most useful things are. Enjoy and, as always, please help others by leaving comments below or a link to your own blog post to help others learn about this handy method of writing.<br /><div class="zemanta-pixie" style="height: 15px; margin-top: 10px;"><a class="zemanta-pixie-a" href="http://www.zemanta.com/?px" title="Enhanced by Zemanta"><img alt="Enhanced by Zemanta" class="zemanta-pixie-img" src="http://img.zemanta.com/zemified_c.png?x-id=443f04f7-ff8e-4877-bf0b-373b82ac661e" style="border: none; float: right;" /></a></div>

Beginners Simple Guide to Using Markdown for Writing

What is markdown? With this post, I’m learning about markdown language and teaching you at the same time. I am a beginner at using markdown...

Read more »