DEVROOT /$ _

Markdown é a forma mais produtiva para escrever textos com formatação, principalmente útil para criação de documentação, discução em fóruns e escrever artigos para blogs.

1. Título & Headers
2. Ênfase
3. Listas
4. Links
5. Imagens
6. Codeblocks
7. Linhas
8. Yaml Frontmatter

Título & Headers

Para Títulos basta adicionar "#" uma vez na na frente, ou mais de uma vez para outros tipos de Títulos, ex:

# Título 1
## Título 2
### Título 3
#### Título 4

Resultado:

Título 1

Título 2

Título 3

Título 4

Tambem é possível fazer Header Style, deixa mais visivel no modo Raw

This is an H1
=============

This is an H2
-------------

Resultado:

This is an H1

This is an H2

Ênfase

Exemplo de **negrito**, _sublinhado_, *blockquote*,
para ignorar e mostrar caractere coloque \ antes, ex: \*blockquote\*,
***negrito sublinhado*** 

Resultado: negrito, sublinhado, blockquote, para ignorar e mostrar caractere coloque \ antes, ex: *blockquote*, negrito sublinhado

Listas

Existem 3 formas de declarar listas

*   Red
*   Green
*   Blue

is equivalent to:

+   Red
+   Green
+   Blue

and:

-   Red
-   Green
-   Blue

Resultado:

• Red
• Green
• Blue

Outros exemplos, Listagem ordenada e em cascata

1.  Bird
2.  McHale
3.  Parish

### Cascate example:
+   Bird
    +   Falcon
    +   Canary
+   Others Animals

Resultado:

1. Bird
2. McHale
3. Parish

Cascate example:

• Bird
  • Falcon
  • Canary
• Others Animals

Links

Exemplo:

[Site Devroot](http://devroot.com.br/)

Resultado: Site Devroot

Imagens

![](/logodevroot.svg)

ou

![img not found](/notimgexists.svg)

Resultado:

ou

Solução alternativa (útil para Mdx):

import img from './logodevroot.svg'

### Imagem
<img src={img} />

Resultado:

Imagem

Codeblocks

Colocar ``` com a linguagem usada, exemplo:

```js

function fnjs() {
    return "Função teste";
}

``` <-(Para finalizar bloco)

Resultado:

function fnjs() {
    return "Função teste";
}

Linhas

Exemplo:

* * *

***

*****

- - -

--------------

Resultado:

YAML FrontMatter

Yaml é usado em posts de blogs para fornecer metadados do arquivo markdown/mdx

---
title: Markdown & Mdx Guia Básico
date: "2022-03-10"
description: Alguns exemplos
author: Deryk
tags:
    - Markdown
    - Mdx
---