Markdown para iniciantes: dominando a formatação dos seus posts no Steemit.
pt·@matheuseabra·
0.000 HBDMarkdown para iniciantes: dominando a formatação dos seus posts no Steemit.
<html>
<h1>Se você acabou de começar no Steemit, pode ser confuso no início entender como o markdown funciona</h1>
<p><br></p>
<p>https://steemitimages.com/DQmS1YDZFHcNsVd6zpNioKnMjSe8jFDzEQotJzEqfRhH9M9/Markdown%20para%20iniciantes_%20dominando%20a%20formatac%CC%A7a%CC%83o%20dos%20seus%20posts%20no%20Steemit.png</p>
<p>A vantagem de usar <em>markdown</em> é a facilidade de uso e a criação rápida de texto bem formatado para leitura na web. Markdown é fácil de aprender e fácil de dominar!</p>
<p>O objetivo desse post é orientar pessoas pelos recursos mais importantes que o <em>markdown</em> oferece, e que todos os Steemians devem saber para produzir um conteúdo incrível no Steemit de forma rápida e eficiente.</p>
<p>Vamos lá?</p>
<h1>Parágrafos</h1>
<p>Ao contrário do html onde você precisa usar as tags de formatação para os parágrafos, basta pressionar <code>Enter / Return</code> uma ou duas vezes no para criar parágrafos (dependendo de como você prefere formatar).</p>
<p>Funciona exatamente da mesma forma que um processador de texto padrão.</p>
<p>Isso economiza muita digitação em comparação com HTML.</p>
<h1>Títulos </h1>
<p>Use títulos para destacar as pontos chave das suas postagens e envolver seu público. A tag de título mais comum é o H1, que é simplesmente representa um # em <em>markdown</em>. Se quiser destacar uma seção de sua postagem, você usaria o sinal # no início da linha, como nos exemplos abaixo:</p>
<h1>Título 1 </h1>
<p># Título 1</p>
<h2>Título 2 </h2>
<p>## Título 2</p>
<h3>Título 3 </h3>
<p>### Título 3</p>
<h4>Título 4</h4>
<p>#### Título 4</p>
<h5>Título 5 </h5>
<p>##### Título 5</p>
<h1>Listas</h1>
<p>Há basicamente dois tipos de listas:</p>
<ol>
<li>ordenadas</li>
<li>não-ordenadas </li>
</ol>
<h2>Listas ordenadas </h2>
<p>para listas ordenadas, a lógica é bem simples, a sintaxe do markdown seria:</p>
<p><code>1 Ovos</code></p>
<p><code>2 Açúcar</code></p>
<p><code>3 Leite</code></p>
<p>com o seguinte resultado:</p>
<ol>
<li>Ovos</li>
<li>Açúcar</li>
<li>Leite</li>
</ol>
<h2>Listas não-ordenadas</h2>
<p>já para listas não-ordenadas, basta por o sinal * na início de cada item da lista: </p>
<p><code>* Ovos</code></p>
<p><code>* Açúcar</code></p>
<p><code>* Leite</code></p>
<p>com o seguinte resultado:</p>
<ul>
<li>Ovos</li>
<li>Açúcar</li>
<li>Leite</li>
</ul>
<h1>Imagens</h1>
<p>https://steemitimages.com/DQmZY1zqLG3mrBMTn24gMdKjCzLpBtd1nYhzNKwAfX14UNm/pattern-831492_1280.jpg</p>
<p>Para anexar uma imagem em um post, temos a seguinte sintaxe:</p>
<p><code></code></p>
<p><strong>IMAGE URL: </strong>a URL da imagem que deseja exibir</p>
<p><strong>ALT TEXT: </strong>um texto alternativo caso a imagem não carregue de forma correta, também útil para propósitos de SEO.</p>
<h1>Tabelas</h1>
<p>Criar tabelas simples é realmente fácil com markdown e não uma característica comumente vista. Uma tabela simples tem o seguinte formato em markdown:</p>
<p>Coluna 1 | Coluna 2</p>
<p>-----------|-------------</p>
<p>Célula 1 | Célula 2</p>
<p>Célula 3 | Célula 4 </p>
<h1>Citações ou blockquotes:</h1>
<p>Para criar uma citação, basta adicionar o caractere > ao início da linha. </p>
<blockquote><em>O próprio viver é morrer, porque não temos um dia a mais na nossa vida que não tenhamos, nisso, um dia a menos nela - Fernando Pessoa</em></blockquote>
<p>A sintaxe da citação acima fica: </p>
<p><code>> O próprio viver é morrer, porque não temos um dia a mais na nossa vida que não tenhamos, nisso, um dia a menos nela - Fernando Pessoa</code></p>
<p>Se houver várias linhas, você irá precisar um > para cada linha caso contrátrio uma nova linha sem a citação, acabando com problemas na formatação.</p>
<h1>Divisores</h1>
<p>Para criar divisores de seção, basta digitar:</p>
<p><code>---</code></p>
<p><code>***</code></p>
<h1>Código-fonte</h1>
<p>Se você é um programador e quer destacar algum código incrível que deseja compartilhar, você pode usar a sintaxe padrão do github para o código. </p>
<p><code>function test() { </code></p>
<p><code>console.log("look ma’, no spaces"); </code></p>
<p><code>}</code></p>
<h1>Editores de markdown online</h1>
<p>Existem três editores Editores de markdown online que usei, o que recomendo é o <a href="https://hackmd.io">Hackmd.io</a>, pois possui o melhor conjunto de funcionalidades. </p>
<ul>
<li><a href="https://hackmd.io/">https://hackmd.io</a></li>
<li><a href="https://stackedit.io/editor">https://stackedit.io/editor</a></li>
<li><a href="https://dillinger.io/">https://dillinger.io/</a></li>
</ul>
<p>Essas sáo alguns recursos básicos para começar no markdown. Espero que esse post tenha sido útil e fácil de entender. Por favor, comente se houver algum tipo de erro de formatação.</p>
<p>Se você gostou do conteúdo e quer me dar suporte, aqui estão alguns dos meus melhores posts:</p>
<ul>
<li><a href="https://steemit.com/pt/@matheuseabra/colabore-encontrando-os-25-melhores-posts-em-portugues-no-steemit">Concurso: Encontrando os 25 melhores posts em Português no Steemit.</a></li>
<li><a href="https://steemit.com/pt/@matheuseabra/mantendo-se-racional-durante-quedas-de-criptomoedas">Mantendo-se racional durante quedas de criptomoedas. </a></li>
<li><a href="https://steemit.com/pt/@matheuseabra/blockchain-na-industria-da-musica-opus-uma-plataforma-de-streaming-de-musica-descentralizada">Blockchain na Indústria da Música: OPUS, uma plataforma de streaming de música descentralizada.</a></li>
</ul>
<p>Obrigado por ler meu post e até a próxima,</p>
<p>Matheus</p>
<p>https://steemitimages.com/DQmaXSuUYfsLcpWKTmdTSWNDHX6H3NMb9QiARVy4hvKvw6V/Until%20Choice.png</p>
</html>👍 brazilians, gabrieldr, pataty69, osazuisdela, belzunces, blockchainbrasil, guifaquetti, camoes, portugalcoin, savemax, maxjoy, hussain786, robin21, elplaga, eureka, planter, arwine, matheuseabra, sachincool, sumitkonar, dreamdiary, srankoin, markitoelias, menkarbit, d4rkflow, kubbyelizabeth, ausbitbank, fonsetucker, paulo.sar, britohevertton, cleateles,