👤 Thierry LAVAL 🇫🇷 Contactez moi 🇬🇧
- Github: @Thierry Laval
- LinkedIn: @Thierry Laval
- Visitez ==> 🏠 Site Web
Début du projet le 20/04/2020
Le projet 21 consiste à apprendre les bases du Markdown.
Table des matières
- Qu'est-ce que le Markdown ?
- Pourquoi utiliser le Markdown?
- Outils pour le Markdown
- La syntaxe du Markdown
- L'utilisation du HTML dans le Markdown
Selon Wikipedia :
Le Markdown est un langage de balisage léger avec une syntaxe de formatage de texte brut conçu pour être converti en HTML ainsi qu'en d'autres format en utilisant un outil du même nom. Le Markdown est souvent utilisé pour rédiger des fichiers readme, pour écrire des messages dans des forums de discussion en ligne et pour créer des textes riches en utilisant un éditeur de texte brut.
TOUT SIMPLEMENT : C'EST JUSTE UN AUTRE TYPE DE FICHIER TEXTE, COMME .txt .doc ....( ICI C'EST .md :laughing:) ET IL POSSÈDE UNE SYNTAXE SPÉCIALE.
Il n'y a pas de standard Markdown clairement défini. Cela a conduit à une fragmentation étant donné que les différents fournisseurs écrivent leurs propres variantes du langage pour corriger les défauts ou ajouter des fonctionnalités manquantes... Une liste des versions de Markdown est disponible ici.
Pour l'instant, ce guide se concentre principalement sur la version Markdown de GitHub.
Parce que c'est :
- FACILE : La syntaxe est tellement simple que vous pouvez apprendre en une minute ou deux, puis écrire sans trouver quoi que ce soit bizarre ou geek.
- RAPIDE : Cela fait gagner du temps comparé aux autres types de fichiers/formats texte. Cela aide à accélérer la productivité et le flux de travail du rédacteur.
- PROPRE : La syntaxe et le rendu sont tous deux clairs, ne font pas mal aux yeux et sont simples à gérer.
- FLEXIBLE : Avec un peu de configuration, votre texte sera traduit sur toutes les plateformes, sera modifiable dans tout logiciel d'édition et convertible dans un large choix de formats.
En bref, les utilisateurs réguliers le trouveront utile dans tous les cas, en particulier quand vous avez besoin de quelque chose de mieux que du texte brut mais de moins fonctionnel que Microsoft Word.
Pour les développeurs, si vous êtes trop paresseux pour écrire du code HTML, vous adorerez le Markdown.
De plus, Github et beaucoup d'autres sites privilégient le Markdown pour le fichier readme des projets. Cela signifie que vous allez rencontrer le Markdown d'une façon ou d'une autre.
Comme mentionné ci-dessus, tous les éditeurs peuvent être utilisés pour éditer du Markdown. Cependant, il existe quelques outils qui pourraient vous être utiles pour l'édition du Markdown.
- Stackedit : Ok, vous pouvez arrêter de lire tout de suite. Cliquez sur le lien et commencez votre visite du markdown de la plus simple des manières. Tapez juste du texte normal et utilisez votre souris, clic clic, c'est fait. Vous n'avez pas besoin de connaître la syntaxe. C'est bien, mais vous en serez dépendant et la plupart des développeurs préfèrent les claviers.
- Dillinger : Outil en ligne, supporte le live view (écran partagé) et l'export au format html. Rien de très spécial mais très soigné et pratique.
- Typora : Disponible pour Mac et Windows, minimaliste, sans aucune distraction, live view parfait, comprend d'autres choses comme les Images, Listes, Tableaux, Blocs de Code, Blocs de Mathématiques, YAML, Front Matters, Toc, ...
- Atom : Éditeur de texte populaire (vous l'utilisez peut-être). Ouais, il est polyvalent. Supporte le Markdown ? Ça n'en est qu'une partie et c'est très bien construit.
- Minimalist Markdown : App Google Chrome. Fonctionne partout si Chrome est installé (c'est mon préféré).
- Macdown : le meilleur pour Mac.
- MarkdownPad : le meilleur pour Windows.
- Remarkable : le meilleur pour Linux.
- GITBOOK : GitBook est un outil de publication moderne qui simplifie la rédaction et la collaboration. Il supporte le Markdown et entretient une relation proche avec notre bien-aimé Github.
- Générateur de table : L'éditeur est proche du principe WYSIWYG (What You See Is What You Got), c'est-à-dire que le tableau affiché dans l'éditeur doit ressembler au tableau final.
- S'entrainer en ligne : Si vous avez dix minutes, vous pouvez apprendre Markdown ! Dans chaque leçon, une introduction à un seul concept vous sera présenté. Ensuite, on vous demandera de compléter plusieurs exercices avec ces nouvelles connaissances.
Toute la syntaxe peut être trouvée ici. Il faudrait beaucoup d'efforts pour retranscrire la syntaxe en texte (ils seraient formatés). Jetez donc un oeil au tableau ci-dessous pour toute la syntaxe de base.
| Format | Syntaxe | Exemple |
|---|---|---|
| Italique | *Texte* | C'est en italique |
| Gras | **Gras** | C'est en bold |
| Lien | [Description](url ici) | Un lien |
| Images |  | Une image  |
| Lien + images | [](url vers une page)] | Cliquez sur moi |
| Notes de bas de page | J'ai plus de choses [^1] à dire. [^1]: Dites-le ici. | Hey, lisez la note sous ce tableau s'il vous plaît. |
| Sauts de ligne | Double espace + entrée | |
| Listes non-ordonnées | * Item1 *Item 2 |
|
| Listes ordonnées | 1. Item a 2. Item b |
|
| Listes mélangées | 1. Item 1 * item 1a |
|
| Citations | > Texte cité | Stay Hungry Stay Foolish |
| Préformatté | Commencez chaque ligne avec,deux espaces ou plus pour,faire que le texte soit,e x a c t e m e n t,comme,vous, le, tapez. | Commencez chaque ligne avec,deux espaces ou plus pour,faire que le texte soit,e x a c t e m e n t,comme,vous, le,tapez. |
| Code | `Insérez du code` | cout<<"Hello world"; |
| Bloc de code/ Mise en évidence de la syntaxe | ```insérez du code``` | Hey, lisez la note sous ce tableau s'il vous plaît. |
| Titres | #, ##, ###, ####, #####, ###### (de h1 à h6) | |
| Barré | ~ |
|
| Tableau | | Les tables | sont | Cool | |----------|:-------------\ :| ------\ :| | col 1 est| alignée à gauche | 200€ | |  |
Note : Les notes de pied de page ne s'affichent pas correctement dans les tableaux (et la prévisualisation GitHub), mais cela ressemble à quelque chose comme ceci :
C'est la même chose pour les blocs de code/mise en évidence de la syntaxe. Cela ressemble à ce que l'on voit sur cette image :
.
Ces caractéristiques dépendent de la version Markdown.
Vous pouvez utiliser le language html et css dans le Markdown. Par contre le css ne sera pas interprété par GitHub.
-
Le Markdown vous permet d'utiliser des échappements antislash pour générer des caractères littéraux qui sinon auraient un sens particulier avec la syntaxe de formatage Markdown. Un des caractères antislash d'échappement est :
Donc ? \*Ce\* n'est plus en italique mais c'este entouré par des astérisques littéraux. -
Les vidéos Youtube nécessitent un peu plus de travail. Elles ne peuvent pas être ajoutées directement mais vous pouvez ajouter une image avec un lien vers la vidéo comme ceci :
<a href="http://www.youtube.com/watch?feature=player_embedded&v=YOUTUBE_VIDEO_ID_HERE " target="_blank"><img src="http://img.youtube.com/vi/YOUTUBE_VIDEO_ID_HERE/0.jpg" alt="IMAGE ALT TEXT HERE" width="240" height="180" border="10" /></a> -
Markdown supporte les emojis : 😆 😆 😘 😇 💚 (vous trouverez des émojis ici )
-
Vous pouvez utiliser les balises <br/> pour forcer un saut de ligne.
-
Double espace puis Entrée si vous voulez faire une nouvelle ligne et qu'il y a un souci pour en faire.
-
Voir n'est pas aussi bien que pratiquer. Vous pouvez soit vous créer un fichier markdown pour pratiquer ou le faire en ligne ici.
-
Les notes de pied de page et mise en évidence de la syntaxe ne font pas partie du Markdown original et ne sont supportés que par certaines versions de Markdown (Information de Sean Brody)
-
Toute URL (comme http://www.github.com/) sera automatiquement convertie en un lien cliquable.
-
Le support de tableau Markdown est conçu pour gérer la plupart des tableaux pour la majorité des gens ; cela n'englobe pas tous les tableaux pour tout le monde. Si vous avez besoin de tableaux complexes, vous devrez les créer à la main ou avec un outil spécifiquement conçu pour votre format de sortie.
-
En utilisant des images et des liens, vous pouvez créer des ressources colorées au moment du rendu. Des badges comme ceux-ci sont des exemples typiques que vous pouvez trouver partout sur Github
( obtenir des badges shields.io, rzashakeri, ileriayo )
| Langages | et Applications |
|---|---|
| Markdown | Visual Studio Code |
| Git/GitHub |
N'hésitez pas à contribuer, en ouvrant une issue.
Copyright © 2022 Thierry Laval
Ce projet est sous licence MIT.
Donnez une ⭐️ si ce projet vous a plu !
FAN DE GITHUB !
