Voltar para blog
13 de mar. de 2024
4 min de leitura

Astro Sphere: Escrevendo em Markdown

Sintaxe básica de Markdown para usar ao escrever conteúdo no Astro Sphere.

Títulos

# H1

## H2

### H3

#### H4

##### H5

###### H6

H1

H2

H3

H4

H5
H6

Parágrafo

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Imagens

Imagem relativa na pasta /public

![placeholder do blog](/open-graph.jpg)

placeholder do blog

Imagem relativa na mesma pasta do arquivo Markdown

![Imagem de Teste Relativa](./spongebob.png)

Imagem de Teste Relativa

Citações em Bloco

O elemento de citação em bloco representa conteúdo citado de outra fonte, opcionalmente com uma referência dentro de um elemento footer ou cite.

Citação sem atribuição

Sintaxe

> Tiam, ad mint andaepu dandae nostion secatur sequo quae.  
> **Nota:** você pode usar _sintaxe Markdown_ dentro de uma citação.

Resultado

Tiam, ad mint andaepu dandae nostion secatur sequo quae.
Nota: você pode usar sintaxe Markdown dentro de uma citação.

Citação com atribuição

Sintaxe

> Não se comunique compartilhando memória; compartilhe memória comunicando-se.<br>
> — <cite>Rob Pike[^1]</cite>

Resultado

Não se comunique compartilhando memória; compartilhe memória comunicando-se.
Rob Pike1

Tabelas

Sintaxe

| Itálico   | Negrito  | Código |
| --------- | -------- | ------ |
| _itálico_ | **negrito** | `código` |

Resultado

ItálicoNegritoCódigo
itáliconegritocódigo

Blocos de Código

Sintaxe

Use 3 acentos graves ``` em uma nova linha, escreva o trecho de código e feche com 3 acentos graves em uma nova linha. Para realce de sintaxe, adicione o nome da linguagem após os primeiros 3 acentos graves, por exemplo: html, javascript, css, markdown, typescript, txt, bash.

```html
<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="utf-8" />
    <title>Exemplo de Documento HTML5</title>
  </head>
  <body>
    <p>Teste</p>
  </body>
</html>
```

Resultado

<!doctype html>
<html lang="pt-BR">
  <head>
    <meta charset="utf-8" />
    <title>Exemplo de Documento HTML5</title>
  </head>
  <body>
    <p>Teste</p>
  </body>
</html>

Tipos de Lista

Lista Ordenada

Sintaxe

1. Primeiro item
2. Segundo item
3. Terceiro item

Resultado

  1. Primeiro item
  2. Segundo item
  3. Terceiro item

Lista Não Ordenada

Sintaxe

- Item da lista
- Outro item
- Mais um item

Resultado

  • Item da lista
  • Outro item
  • Mais um item

Lista Aninhada

Sintaxe

- Frutas
  - Maçã
  - Laranja
  - Banana
- Laticínios
  - Leite
  - Queijo

Resultado

  • Frutas
    • Maçã
    • Laranja
    • Banana
  • Laticínios
    • Leite
    • Queijo

Outros Elementos — abbr, sub, sup, kbd, mark

Sintaxe

<abbr title="Graphics Interchange Format">GIF</abbr> é um formato de imagem bitmap.

H<sub>2</sub>O

X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup>

Pressione <kbd><kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd></kbd> para encerrar a sessão.

A maioria das <mark>salamandras</mark> são noturnas e caçam insetos, vermes e outras criaturas pequenas.

Resultado

GIF é um formato de imagem bitmap.

H2O

Xn + Yn = Zn

Pressione CTRL+ALT+Delete para encerrar a sessão.

A maioria das salamandras são noturnas e caçam insetos, vermes e outras criaturas pequenas.

Footnotes

  1. A citação acima é um trecho da palestra de Rob Pike no Gopherfest, 18 de novembro de 2015.