{"componentChunkName":"component---src-templates-post-js","path":"/blog/markdown-examples","webpackCompilationHash":"1ba5a575cf0ff20ad142","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Markdown Examples","description":"Markdown is intended to be as easy-to-read and easy-to-write as is feasible.","image":"/assets/img/03.jpg"},"html":"<p>Markdown is intended to be as easy-to-read and easy-to-write as is feasible.</p>\n<p>Readability, however, is emphasized above all else. A Markdown-formatted document should be publishable as-is, as plain text, without looking like it’s been marked up with tags or formatting instructions. While Markdown’s syntax has been influenced by several existing text-to-HTML filters — including Setext, atx, Textile, reStructuredText, Grutatext, and EtText — the single biggest source of inspiration for Markdown’s syntax is the format of plain text email.</p>\n<p>To this end, Markdown’s syntax is comprised entirely of punctuation characters, which punctuation characters have been carefully chosen so as to look like what they mean. E.g., asterisks around a word actually look like <em>emphasis</em>. Markdown lists look like, well, lists. Even blockquotes look like quoted passages of text, assuming you’ve ever used email.</p>\n<h2>Headers</h2>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token title important\"><span class=\"token punctuation\">#</span> H1</span>\n<span class=\"token title important\"><span class=\"token punctuation\">##</span> H2</span>\n<span class=\"token title important\"><span class=\"token punctuation\">###</span> H3</span>\n<span class=\"token title important\"><span class=\"token punctuation\">####</span> H4</span>\n<span class=\"token title important\"><span class=\"token punctuation\">#####</span> H5</span>\n<span class=\"token title important\"><span class=\"token punctuation\">######</span> H6</span>\n\nAlternatively, for H1 and H2, an underline-ish style:\n\n<span class=\"token title important\">Alt-H1\n<span class=\"token punctuation\">======</span></span>\n\n<span class=\"token title important\">Alt-H2\n<span class=\"token punctuation\">------</span></span></code></pre></div>\n<h1>H1</h1>\n<h2>H2</h2>\n<h3>H3</h3>\n<h4>H4</h4>\n<h5>H5</h5>\n<h6>H6</h6>\n<h2>Lists</h2>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token list punctuation\">1.</span> First ordered list item\n<span class=\"token list punctuation\">2.</span> Another item\n⋅⋅* Unordered sub-list.\n<span class=\"token list punctuation\">1.</span> Actual numbers don't matter, just that it's a number\n⋅⋅1. Ordered sub-list\n<span class=\"token list punctuation\">4.</span> And another item.\n\n⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).\n\n⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)\n\n<span class=\"token list punctuation\">*</span> Unordered list can use asterisks\n<span class=\"token list punctuation\">-</span> Or minuses\n<span class=\"token list punctuation\">+</span> Or pluses</code></pre></div>\n<ol>\n<li>First ordered list item</li>\n<li>Another item\n⋅⋅* Unordered sub-list.</li>\n<li>Actual numbers don't matter, just that it's a number\n⋅⋅1. Ordered sub-list</li>\n<li>And another item.</li>\n</ol>\n<p>⋅⋅⋅You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).</p>\n<p>⋅⋅⋅To have a line break without a paragraph, you will need to use two trailing spaces.⋅⋅\n⋅⋅⋅Note that this line is separate, but within the same paragraph.⋅⋅\n⋅⋅⋅(This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)</p>\n<ul>\n<li>Unordered list can use asterisks</li>\n<li>Or minuses</li>\n<li>Or pluses</li>\n</ul>\n<h2>Links</h2>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token url\">[<span class=\"token content\">I'm an inline-style link</span>](https://www.google.com)</span>\n\n<span class=\"token url\">[<span class=\"token content\">I'm an inline-style link with title</span>](https://www.google.com <span class=\"token string\">\"Google's Homepage\"</span>)</span>\n\n<span class=\"token url\">[<span class=\"token content\">I'm a reference-style link</span>][<span class=\"token variable\">Arbitrary case-insensitive reference text</span>]</span>\n\n<span class=\"token url\">[<span class=\"token content\">I'm a relative reference to a repository file</span>](../blob/master/LICENSE)</span>\n\n<span class=\"token url\">[<span class=\"token content\">You can use numbers for reference-style link definitions</span>][<span class=\"token variable\">1</span>]</span>\n\nOr leave it empty and use the [link text itself].\n\nURLs and URLs in angle brackets will automatically get turned into links.\nhttp://www.example.com or &lt;http://www.example.com> and sometimes\nexample.com (but not on Github, for example).\n\nSome text to show that the reference links can follow later.\n\n<span class=\"token url-reference url\"><span class=\"token punctuation\">[</span><span class=\"token variable\">arbitrary case-insensitive reference text</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">:</span> https://www.mozilla.org</span>\n<span class=\"token url-reference url\"><span class=\"token punctuation\">[</span><span class=\"token variable\">1</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">:</span> http://slashdot.org</span>\n<span class=\"token url-reference url\"><span class=\"token punctuation\">[</span><span class=\"token variable\">link text itself</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">:</span> http://www.reddit.com</span></code></pre></div>\n<p><a href=\"https://www.google.com\">I'm an inline-style link</a></p>\n<p><a href=\"https://www.google.com\" title=\"Google&#x27;s Homepage\">I'm an inline-style link with title</a></p>\n<p><a href=\"https://www.mozilla.org\">I'm a reference-style link</a></p>\n<p><a href=\"../blob/master/LICENSE\">I'm a relative reference to a repository file</a></p>\n<p><a href=\"http://slashdot.org\">You can use numbers for reference-style link definitions</a></p>\n<p>Or leave it empty and use the <a href=\"http://www.reddit.com\">link text itself</a>.</p>\n<p>URLs and URLs in angle brackets will automatically get turned into links.\n<a href=\"http://www.example.com\">http://www.example.com</a> or <a href=\"http://www.example.com\">http://www.example.com</a> and sometimes\nexample.com (but not on Github, for example).</p>\n<p>Some text to show that the reference links can follow later.</p>\n<h2>Blockquotes</h2>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token blockquote punctuation\">></span> Blockquotes are very handy in email to emulate reply text.\n<span class=\"token blockquote punctuation\">></span> This line is part of the same quote.\n\nQuote break.\n\n<span class=\"token blockquote punctuation\">></span> This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can <span class=\"token italic\"><span class=\"token punctuation\">*</span><span class=\"token content\">put</span><span class=\"token punctuation\">*</span></span> <span class=\"token bold\"><span class=\"token punctuation\">**</span><span class=\"token content\">Markdown</span><span class=\"token punctuation\">**</span></span> into a blockquote.</code></pre></div>\n<blockquote>\n<p>Blockquotes are very handy in email to emulate reply text.\nThis line is part of the same quote.</p>\n</blockquote>\n<p>Quote break.</p>\n<blockquote>\n<p>This is a very long line that will still be quoted properly when it wraps. Oh boy let's keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can <em>put</em> <strong>Markdown</strong> into a blockquote.</p>\n</blockquote>\n<p><a href=\"https://daringfireball.net/projects/markdown/syntax#philosophy\">Reference 1</a>\n<a href=\"https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet\">Reference 2</a></p>"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"locale":"en","title":"Markdown Examples"}}}