10 - MarkDown Cheat Sheet

Afficher une table des matières

Resultat

• Titre Niveau 3
  • Titre Niveau 4

Code

import TOCInline from '@theme/TOCInline';

<TOCInline 
toc={toc.filter((node) => node.level === 2 || node.level === 3 || node.level === 4 || node.level === 5 || node.level === 6)} 
minHeadingLevel={3} // Affiche les entêtes a partir de h3
maxHeadingLevel={4} // Affiche les entêtes jusqu'a h4
/>

Titres

Resultat

Titre Niveau 2

Titre Niveau 3

Titre Niveau 4

Titre Niveau 5

Titre Niveau 6

Code

## Titre Niveau 2
### Titre Niveau 3
#### Titre Niveau 4
##### Titre Niveau 5
###### Titre Niveau 6

Gras / Italique / Barré

Resultat

Mots en GRAS
Mots en Italique
Mots Barré
Mots en GRAS / ITLATIQUE / Barré

Code

Mots en **GRAS**  
Mots en _Italique_  
Mots ~~Barré~~  
Mots en **_~~GRAS / ITLATIQUE / Barré~~_**  

Surligné / Couleur

Resultat

Mots Encadré
Mots Surligné
Mots en VERT

Code

Mots `Encadré`  
Mots <span style={{backgroundColor: 'green'}}>Surligné</span>
Mots en <span style={{color: 'green'}}>VERT</span>

Image

Image sans lien

Resultat

Code

![DESCRIPTION](/img/Page_Accueil/Logo_Chevalerie.png 'NOM')

Image Avec lien

Resultat

Code

[![DESCRIPTION](/img/Page_Accueil/Logo_Chevalerie.png 'NOM')](https://chevalerie42.github.io/docs/Cloud/Docusaurus/MarkDown)

Liens

Resultat

Vers une URL
Vers un FICHIER

Code

[Vers une URL](https://chevalerie42.github.io)
[Vers un FICHIER](/img/Page_Accueil/Logo_Chevalerie.png)

Citation

Resultat

Citation 1

Citation 2
Citation 2

Citation 2

Code

> Citation 1  

> Citation 2  
> Citation 2
>> Citation 2 

Bloc de codes

Resultat

/tmp/script.sh

VARIABLE=$(whoami)
echo $VARIABLE > /tmp/test.txt

Code

```bash title="/tmp/script.sh"
VARIABLE=$(whoami)
echo $VARIABLE > /tmp/test.txt 
```

Liste

Resultat

• Liste : 1
  • Liste : 2
    • Liste : 3

Code

- Liste : 1
  - Liste : 2
    - Liste : 3   

Saut de section

Resultat

---

Code

---

Admonitions

Remarque

remarque

Ceci est une remarque - Blanche

:::note remarque
Ceci est une remarque - Blanche
:::

Tip

astuce

Ceci est une astuce (tip) - Verte

:::tip
Ceci est une astuce (tip) - Verte
:::

Info

info

Ceci est une info - Bleu

:::info
Ceci est une info - Bleu
:::

Caution

attention

Ceci est Attention (Caution) - Jaune

:::caution
Ceci est Attention (Caution) - Jaune
:::

Danger

danger

Ceci est danger - Rouge

:::danger
Ceci est danger - Rouge
:::

Onglet

Apple

Ceci est une pomme 🍎

Orange

Ceci est une orange 🍊

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';
<Tabs
  defaultValue="apple"
  values={[
    {label: 'Apple', value: 'apple'},
    {label: 'Orange', value: 'orange'},
  ]}>
  <TabItem value="apple">Ceci est une pomme 🍎</TabItem>
  <TabItem value="orange">Ceci est une orange 🍊</TabItem>
</Tabs>

Menu Déroulant

Basculez moi !

Voici le contenu détaillé

Interrupteur imbriqué ! Quelques surprises à l'intérieur...

😲😲😲😲😲

<details>
  <summary>Basculez moi !</summary>
  <div>
    <div>Voici le contenu détaillé</div>
    <br/>
    <details>
      <summary>
        Interrupteur imbriqué ! Quelques surprises à l'intérieur...
      </summary>
      <div>
        😲😲😲😲😲
      </div>
    </details>
  </div>
</details>

Vidéo

Resultat

Code

<iframe 
  alt="Vidéo de présentation sur ma chaine youtube"
  width="700" 
  height="400" 
  src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ" 
  title="YouTube présentation" 
  frameborder="0" 
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen>
</iframe>

Tableau

Resultat

Colonne1	Colonne2	Colonne3
Entrée1	Entrée2	Entrée3
Entrée4	Entrée5	Entrée6

Code

|  Colonne1  |  Colonne2  |  Colonne3  |
| :--------: | :--------: | :--------: |
|   Entrée1  |   Entrée2  |   Entrée3  |
|   Entrée4  |   Entrée5  |   Entrée6  |

Check Liste

Resultat

• Mission 1
• Mission 2

Code

 - [x] Mission 1
 - [ ] Mission 2

Footnotes & references

Resultat

Texte avec 1ere reference¹. Et Ici la seconde².

Code

Texte avec 1ere reference[^1]. Et Ici la seconde[^2].

[^1]: Nous avons donc notre 1er footnote
[^2]: Ici nous avons notre deuxiéme footnote

    Un Saut de Ligne + 2 Tabulation permettent d'ajouter du texte comme cela

---

1. Nous avons donc notre 1er footnote↩

2. Ici nous avons notre deuxiéme footnote

   Un Saut de Ligne + 2 Tabulation permettent d'ajouter du texte comme cela ↩