Yuri Almeida
Web Developement

Markdown Showcase

Yuri Almeida
<!DOCTYPE html>

Une fiche mémo vivante de modèles Markdown à copier/coller. Astuce : utilisez la table des matières ci-dessous pour accéder aux sections.

Table des Matières - Titres - Styles de Texte - Paragraphes &amp; Sauts de Ligne - Listes - Listes de Tâches - Liens - Images - Citations - Code - Tableaux - Notes de bas de page - Définitions - Détails / Résumé - Lignes Horizontales - Caractères spéciaux &amp; Échappement - Encadrés (Ad-hoc) - Diagrammes Mermaid - HTML dans Markdown - Astuces Diverses - Références


Titres

H1 — Grand Titre

H2 — Section

H3 — Sous-section

H4 — Petit Titre

H5 — Titre Minuscule
H6 — Titre Microscopique

Styles de Texte

Texte normal, avec gras, italique et gras italique. ~~Barré~~ est utile pour les journaux de modifications. Code inline code pour les identifiants, npm run build ou des variables comme FOO=bar. Mettez en évidence ==du texte important== avec &lt;mark&gt; en HTML : ce contenu est surligné. Exposant : 2^10^ et Indice : H~2~O (peut nécessiter du HTML : H2O). Émojis : 🎯 🚀 😄 ou via shortcodes : :sparkles: :warning: :memo:

Note : GFM prend en charge les tableaux, les listes de tâches, le barré, les autolinks et les notes de bas de page.


Paragraphes &amp; Sauts de Ligne

Un paragraphe est constitué d’une ou plusieurs lignes de texte séparées par une ligne vide.

Les sauts de ligne se produisent lorsque vous terminez une ligne par deux espaces. Ou configurez votre moteur de rendu pour traiter les nouvelles lignes comme des sauts.


Listes

Non Ordonnées

  • Pommes
  • Fuji
  • Gala
  • Oranges
  • Navel
  • Sanguine
  • Bananes

Ordonnées

  1. Premier
  2. Deuxième
  3. Sous-étape A
  4. Sous-étape B
  5. Troisième

Mixtes

  • Installer les dépendances 1. npm install 2. npm run dev
  • Configurer l’environnement
  • .env.local
  • Clés d’API

Listes de Tâches

  • [x] Rédiger la spécification
  • [x] Ajouter des tests
  • [ ] Implémenter la fonctionnalité
  • [ ] Relire &amp; faire le merge

Les tâches peuvent être imbriquées : - [ ] Parent - [x] Enfant terminé - [ ] Enfant en attente


Liens

Lien inline : Markdown Guide Lien de référence : GitHub ou ce dépôt. Autolink (GFM) : https://example.com


Images

Image inline :

Texte alternatif de l’image

Image par référence :

Robot

Astuce : pour les images locales, utilisez des chemins relatifs comme ./assets/diagram.png.


Citations

Bloc de citation à un seul niveau pour citations ou encadrés.

Multi-niveaux :

Niveau de citation 2

Niveau de citation 3


Code

Inline

Utilisez console.log("hello") pour un débogage rapide.

Blocs de Code Délimités

# Bash
mkdir -p dist &amp;&amp; echo &quot;Hello&quot; &gt; dist/hello.txt
ls -lah dist
Markdown Showcase | Blog