pular para o conteúdo
Logo Gabriel Freitas

Uma postagem de elementos Markdown

/ 2 min de leitura

Última Atualização:

H2 Heading

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

H3 Heading

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

H4 Heading

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

H5 Heading

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

H6 Heading

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Linhas Horizontais




Ênfase

Este é um texto em negrito.

Este é um texto em itálico.

Riscado

Citações (Quotes)

“Double quotes” e ‘single quotes’

‘Single quotes’ e “double quotes”

Blocos de Citação (Blockquotes)

As citações em bloco também podem ser aninhadas…

…usando sinais de maior que adicionais imediatamente um ao lado do outro…

Listas

Não Ordenadas

  • Crie uma lista começando uma linha com +, -, ou *
  • Sub-listas são feitas indentando 2 espaços:
    • A mudança de caractere do marcador força o início de uma nova lista:
      • Ac tristique libero volutpat at
      • Facilisis in pretium nisl aliquet
      • Nulla volutpat aliquam velit
  • Muito fácil!

Ordenadas

  1. Lorem ipsum dolor sit amet

  2. Consectetur adipiscing elit

  3. Integer molestie lorem at massa

  4. Você pode usar números sequenciais…

  5. …ou manter todos os números como 1.

Inicie a numeração com um deslocamento:

  1. Lorem ipsum dolor sit
  2. Consectetur adipiscing

Code

Em Linha code

Exemplo de código dentro do texto: inline code.

// Lorem ipsum
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet

Block code “fences”

Lorem ipsum dolor sit amet...

Syntax highlighting

var foo = function (bar) {
return bar++;
};
console.log(foo(5));

Exemplos Expressivos de Código

Adding a title

file.js
console.log("Title example");

Bash terminal

Terminal window
echo "A base terminal example"

Highlighting code lines

line-markers.js
function demo() {
console.log("this line is marked as deleted");
// This line and the next one are marked as inserted
console.log("this is the second inserted line");
return "this line uses the neutral default marker type";
}

Expressive Code pode fazer muito mais do que mostrado aqui e inclui muitas opções de customização.

Tabelas

OptionDescription
datapath to data files to supply the data that will be passed into templates.
engineengine to be used for processing templates. Handlebars is the default.
extextension to be used for dest files.

Colunas Alinhadas à Direita

OptionDescription
datapath to data files to supply the data that will be passed into templates.
engineengine to be used for processing templates. Handlebars is the default.
extextension to be used for dest files.

Imagens

Se você deseja adicionar uma imagem de uma pasta de ativos (assets) com alias, você pode usar a seguinte sintaxe em um documento Markdown: src/assets/background-code.png

A cartoon cactus looking at the Astro.build logo

Na estrutura de links em Markdown, você pode criar hiperlinks simples e diretos da seguinte maneira.

Content from markdown-it

Content from markdown-it

Content from markdown-it

Identificou algum problema no texto? Conto com sua ajuda para corrigir!

Este projeto é open source, então é só fazer as alterações no arquivo de texto, diretamente no Github, e abrir um pull-request.

Contribuir com a comunidade de desenvolvimento web nunca foi tão fácil e eficiente.