Tuto mise en page #2 - Comment mettre tes articles en forme (gras, italique, barré) [Markdown] ?steemCreated with Sketch.

in fr •  11 months ago

Capture d’écran 2017-07-11 à 08.09.41.png

Parfois, vous aimeriez bien mettre un mot en gras, histoire de lui donner un peu plus de poids que le reste de votre texte. Ou alors, utiliser un texte barré, pour faire un brin d'humour. Ou encore, utiliser l'italique, qui, on l'avoue peut quand même bien être utile de temps en temps. Mais zut, flute, cet éditeur de texte, c'est pas du Word. Et vous vous demandez comment vous allez faire pour rédiger des jolis articles (qui piquent pas les yeux et ne font pas fuir vos lecteurs).

Dans Steemit les articles peuvent être écrit en HTML ou en Markdown. Et même utiliser une combinaison des deux langages en même temps.

Dans cette série d'article nous allons découvrir comment utiliser Markdown pour rendre vos articles plus agréable à lire pour vos lecteurs.

Ce second article concerne la mise en forme basique du texte. L'idée est de pouvoir faire ressortir certaines partie du texte en utilisant les trois fonctionnalités suivantes :

Mise en formeModificateur
Italique* ou _
Gras** ou __
Barré~~

Le code qui est donné doit entourer le texte qui va être mis en forme. La première utilisation du modificateur va commencer la mise en forme et la seconde va la terminer.

Exemple

Ceci est un mot en **gras**.
**Ici c'est la phrase entière qui est en gras**.

Résultat

Ceci est un mot en gras.
Ici c'est la phrase entière qui est en gras.

Astuce

Il est possible de combiner les actions de mise en forme comme ceci...
gras italique gras et italique oups ceci doit être barré, gras et italique

Il est _possible_ de combiner les actions de mise en forme comme ceci... 
**gras** *italique* *__gras et italique__* ~~oups ceci doit être barré, **gras et _italique_**~~


N'hésitez pas à copier-coller les blocs de code (tout ce qui est grisé) pour vous aider dans la mise en forme de vos articles.



👉 Si tu aimes cet article, n'hésite pas à upvoter / commenter / resteemer.

Retrouve mes articles précédents sur #comprendre-steem !

Cet article a été co-écrit avec @oroger, mon amoureux.


Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

@roxane
J'ai une question! Quand j'écrit un article la syntax Markdown ne marche pas, la seul qui marche est la syntax HTLM.
Par exemple pour ecrire en gras j'utilise <strong!> mon texte en gras .</strong!> alors que quand juste **mon texte en gras cela ne marche pas dans mon article...
De meme pour les titres... Est ce que c'est parce que j'ai commencé mon article par <html ?

·

Oui c'est bien pour cela! (je repond à mes question tout seul^^) Pardon pour le dérangement!

Bon tuto ! J'avais aussi fait un article sur le Markdown. Tu peux me donner ton avis dessus ?merci

·

Ha fantastique ! Bravo pour cet article c'est du très bon travail !!!
Et zut, qu'on ait la même chose c'est un peu bête de décupler ainsi les efforts pour la même chose ...

·
·

Merci pour ton encouragement ! J' éspère un jour aussi avoir autant de vote que toi sur mes articles . Je ne décourage pas !

·
·
·

(pour le moment je n'ai vraiment pas beaucoup de voting power ;-)).
Et il ne faut surtout pas se décourager (dixit la fille qui se décourage souvent ;-)). Tu es arrivé (et moi il y a un mois) au tout début de Steemit. Du coup, on va grandir ensemble et en même temps que la plateforme :) C'est vraiment le début début là !!! Vu la qualité de tes articles (et leurs pertinences) je suis certaine qu'on fera tous les deux un beau chemin (à condition de persévérer !)

·
·
·
·

Merci et super ton blog !

·
·
·
·
·

Chouette que ça te plaise :-) Bonne journée !

est ce que tu peux me dire comment centrer, je n'ai rien trouvé à ce sujet,avec markdown ? ♡♡

·

Tu peux utiliser

<center> 
   ... ici ton contenu ... 
</center>

Ca ne fonctionne pas dans le titre par contre.

·
·

trop cool @oroger merci j'ai galéré hier ça m'a bientôt je serais au top :-)

·
·
·

Courage !!!! Tout ira bien ! Et tu deviendras une star de la mise en forme Steemit ;-)

·
·

Dis donc, tu es bien plus rapide que moi !

·
·
·

hihihi, tu dis ça car je t'ai demandé pour le centrage ?!?!

·
·
·
·

Oui, je voulais parler à @oroger ;-) Qui a répondu avant moi :-D

·
·
·
·
·

Lol où les limites de la communication écrite...je pensais que tu t'adressais à moi :-)

@roxane
J'ai encore une question! Cette fois je n'ai pas trouvé la réponse tout seul! ;)
Comment fait-on pour mettre un chiffre en exposant ? Ou bien en indice ?

·

Il n'y a pas de support pour cette mise en forme dans Markdown, par contre tu peux utiliser le HTML pour ce genre de cas plus spécifiques:

Exposant : <sup>test</sup>
Exemple : test

Indice : <sub>test</sub>
Exemple : test

Bonne journée !

·
·

Merci beaucoup!