View this post on Hive: Comment embellir ses articles Steemit avec le Markdown- Tutoriel complet

---

Présentation du langage syntaxique Markdown

Le Markdown permet de faire la mise en forme dans votre article.

Il permet notamment :

• La création de tableaux
• La transformation du texte en italique, en gras, …
• L’ ajout d’ images
• D'embellir les citations

Et bien plus …

1] Les titres

Vous pouvez créer différents types de titres.
Il suffit de mettre un “#” devant. S’il n’y a qu’ un seul "#", le titre sera important alors que s’il y a six "#"le titre ne sera pas important.

---

Titre très important

Titre important

Titre moyen

Titre peu important

Titre vraiment peu important

---

Vous pouvez voir qu'il y a une ligne au dessus de ce message, pour en faire une, il suffit de mettre quelques tirets sur la ligne ("--------")

2] La syntaxe

Pour mettre en gras un texte, il vous suffit de l'entourer de chaque coté de deux * .
exemple : **hello world** --> hello world

Pour mettre en italique un texte, il faut cette fois l' entourer de chaque coté d' une seule étoile.
exemple : *hello world* --> hello world

Pour barrer un texte, il faut l' entourer du symbole "~".
exemple: ~~hello world~~ --> hello world

Pour faire un texte comme un code (Ceci est un texte) ,
Il faut l'entourer d'accents graves ( altGr + touche 7) ou on les entoure des balises <code>.
exemple : <code> Ceci est un code </code> --> Ceci est un code

Pour faire une citation, il suffit de commencer la ligne par le signe >
exemple:

Ceci est une citation

3] Liens et images

( Je vous conseille de toujours mettre les sources de vos images. )

Pour insérer un lien, il faut procéder comme suit:
[Titre](https://site.com)
Cela donnera : Voici le site Steemit

Vous pouvez créer des ancres, c'est à dire des liens vers un endroit de votre page.
exemple: Voici un lien vers le haut de l'article
Pour ce faire, il faut créer l'ancre comme ceci :
<a name="nomdelancre"></a>

Et pour créer le lien vers l'ancre :

Cliquer a droite pour : [Aller vers l'ancre](#nomdelancre)

(image par wikimedia.org)

Quant aux images, il suffit de les faires glisser dans la zone d'édition.

Astuce :

Pour que le code ne soit pas interprété, il faut l'encadrer par les accents graves.
exemple : C'est un texte <strong> en gras </strong>

4] Les listes

Avec Markdown, il est possible de créer des listes comme celles-ci :

• element1
• element2
  • sous element1
    • sous sous element1
• element3

Il suffit tout simplement de mettre des tirets et de l'indentation.

5] Les tableaux

Nous pouvons également réaliser des tableaux avec plusieurs colonnes !
exemple:

Colonne1	Colonne2
Cellule1	Cellulle2
Cellulle3	Cellulle4

Je n'ai pas pu placer le code sans su'il ne soit interprété ( transformé en tableau), je l'ai donc mis sur Pastebin.

---

Voir le code (Attention à ouvrir le lien dans un nouvel onglet !)

---

Merci de votre lecture !

N'hésitez surtout pas à laisser un commentaire !

A bientot !
ZongUin,