{"componentChunkName":"component---src-templates-post-js","path":"/pt/blog/exemplos-de-markdown","webpackCompilationHash":"1ba5a575cf0ff20ad142","result":{"data":{"markdownRemark":{"frontmatter":{"title":"Exemplos de Markdown","description":"O Markdown deve ser o mais fácil de ler e escrever o mais possível.","image":"/assets/img/03.jpg"},"html":"<p>O Markdown deve ser o mais fácil de ler e escrever o mais possível.</p>\n<p>A legibilidade, no entanto, é enfatizada acima de tudo. Um documento no formato Markdown deve ser publicado como está, como texto sem formatação, sem parecer ter sido marcado com tags ou instruções de formatação. Embora a sintaxe do Markdown tenha sido influenciada por vários filtros de texto para HTML existentes - incluindo Setext, atx, Textile, reStructuredText, Grutatext e EtText - a maior fonte de inspiração para a sintaxe do Markdown é o formato de email em texto sem formatação.</p>\n<p>Para esse fim, a sintaxe de Markdown é composta inteiramente de caracteres de pontuação, caracteres de pontuação que foram cuidadosamente escolhidos para parecer com o que significam. Por exemplo, asteriscos em torno de uma palavra realmente se parecem com _ ênfase _. Listas de remarcação parecem, bem, listas. Até as citações em bloco parecem passagens de texto citadas, desde que você já tenha usado o e-mail.</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>Tables</h2>\n<div class=\"gatsby-highlight\" data-language=\"markdown\"><pre class=\"language-markdown\"><code class=\"language-markdown\"><span class=\"token table\"><span class=\"token table-header-row\"><span class=\"token punctuation\">|</span><span class=\"token table-header important\"> Tables        </span><span class=\"token punctuation\">|</span><span class=\"token table-header important\"> Are           </span><span class=\"token punctuation\">|</span><span class=\"token table-header important\"> Cool  </span><span class=\"token punctuation\">|</span>\n</span><span class=\"token table-line\"><span class=\"token punctuation\">|</span> <span class=\"token punctuation\">-------------</span> <span class=\"token punctuation\">|</span><span class=\"token punctuation\">:-------------:</span><span class=\"token punctuation\">|</span> <span class=\"token punctuation\">-----:</span><span class=\"token punctuation\">|</span>\n</span><span class=\"token table-data-rows\"><span class=\"token punctuation\">|</span><span class=\"token table-data\"> col 3 is      </span><span class=\"token punctuation\">|</span><span class=\"token table-data\"> right-aligned </span><span class=\"token punctuation\">|</span><span class=\"token table-data\"> $1600 </span><span class=\"token punctuation\">|</span>\n<span class=\"token punctuation\">|</span><span class=\"token table-data\"> col 2 is      </span><span class=\"token punctuation\">|</span><span class=\"token table-data\"> centered      </span><span class=\"token punctuation\">|</span><span class=\"token table-data\">   $12 </span><span class=\"token punctuation\">|</span>\n<span class=\"token punctuation\">|</span><span class=\"token table-data\"> zebra stripes </span><span class=\"token punctuation\">|</span><span class=\"token table-data\"> are neat      </span><span class=\"token punctuation\">|</span><span class=\"token table-data\">    $1 </span><span class=\"token punctuation\">|</span></span></span></code></pre></div>\n<table>\n<thead>\n<tr>\n<th>Tables</th>\n<th align=\"center\">Are</th>\n<th align=\"right\">Cool</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>col 3 is</td>\n<td align=\"center\">right-aligned</td>\n<td align=\"right\">$1600</td>\n</tr>\n<tr>\n<td>col 2 is</td>\n<td align=\"center\">centered</td>\n<td align=\"right\">$12</td>\n</tr>\n<tr>\n<td>zebra stripes</td>\n<td align=\"center\">are neat</td>\n<td align=\"right\">$1</td>\n</tr>\n</tbody>\n</table>\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\">Referência 1</a>\n<a href=\"https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet\">Referência 2</a></p>"}},"pageContext":{"isCreatedByStatefulCreatePages":false,"locale":"pt","title":"Exemplos de Markdown"}}}