Mic ghid de utilizare Markdown

in #steemromania6 years ago (edited)

Markdown este un limbaj destinat formatării textului folosind editoare simple de text. A fost conceput pentru a fi compatibil cu formatul HTML dar și alte formate de text.
Nu este un limbaj complicat dar nici nu permite formatări complexe.

Steemit, prima interfață folosită pentru blockchain-ul Steem, permite folosirea Markdown.

În rândurile ce urmează o să explic cum se realizează formatările uzuale folosind acest limbaj.
Veți vedea întâi codul și imediat sub, formatarea rezultată. Pentru simplitate, puteți copia codul și apoi înlocuiți textul.

Mare atenție la spații, paranteze și alte caractere speciale!
Lipsa unui singur caracter va duce la modificarea aspectului vizual al postării.

Titluri (Headlines)

# Text (H1)
## Text subtitlu (H2)
### Text sub-subtitlu (H3)

Text titlu (H1)

Text subtitlu (H2)

Text sub-subtitlu (H3)

Formatare text

În corpul textului se folosesc adesea sublinieri ale cuvintelor de tip bold, italic, bold italic sau strikethrough.

Codurile folosite pentru aceste formatari sunt următoarele:

**Text bold**
*Text italic*
_**Text bold italic**_
~~Striketrough~~

Text bold
Text italic
Text bold italic
Striketrough

Nu vă împiedică nimic să folosiți combinații ale acestor coduri, ca de exemplu un titlu italic.

### *Titlu H3 italic*

Titlu H3 italic

Liste

Markdown permite folosirea listelor, ordonate sau neordonate.

1. aceasta este
1. o lista
1. cu elemente
1. ordonate
  1. aceasta este
  2. o lista
  3. cu elemente
  4. ordonate
* aceasta este
* o lista
* cu elemente
* neordonate
  • aceasta este
  • o lista
  • cu elemente
  • neordonate

Listele pot fi folosite și combinat:

1. primul element din lista ordonată
1. al doilea element din lista ordonată
     * element listă neordonată
     * încă un element listă neordonată
1. al treilea element din lista ordonată
1. și așa mai departe

Tabele

|Tabel|markdown|pe steemit.com|
|-------------|:-------------:|-----:|
|Coloana 1|Coloana 2|Coloana 3 |
|este aliniată|nu este aliniată la centru. |este aliniată|
|la stânga.|Pe steemit.com nu funcționează alinierea la centru|la dreapta.|
Tabelmarkdownpe steemit.com
Coloana 1Coloana 2Coloana 3
este aliniatănu este aliniată la centru.este aliniată
la stânga.Pe steemit.com nu funcționează alinierea la centrula dreapta.

Citate

Pentru a sublinia că un text nu vă aparține puteți folosi formatarea următoare:

> Lorem ipsum dolor sit amet, consectetur adipiscing.

Lorem ipsum dolor sit amet, consectetur adipiscing.

Această formatare a textului se folosește cel mai adesea în cazul citatelor dar și al paragrafelor care trebuie izolate de textul de bază.

Imagini

Pe lângă text, puteți insera imagini, folosind „drag and drop“, paste from clipboard sau selectând imaginea de pe computer.
Din păcate Markdown nu permite nici un fel de formatare pentru imagine (dimensionare, aliniere etc.)
Dacă imaginea este găzduită pe un site web, puteți insera direct link-ul către acea imagine, fără să o mai descărcați.

![exemplu.jpg](https://www.site.web/exemplu.jpg)

logomare-principala.png

Link-uri

Pentru a insera un text cu link, codul este următorul:

[text link](adresa link)

text link

Iar pentru a insera o imagine cu link, codul este:

[![exemplu.jpg]( https://www.site.web/exemplu.jpg)]( https://steemit.com/@steemromania)

logomare-principala.png

Rețineți că Markdown este un limbaj simplu și ușor de utilizat dar care nu oferă prea multe posibilități în ce privește formatarea.
În formatarea acestui articol am folosit exclusiv Markdown.
Pentru cei care vor mai mult decât poate oferi Markdown soluția este folosirea codului HTML.
Dar despre asta voi vorbi în alt articol!

Dacă aveți neclarități referitoare la limbajul Markdown, mă puteți găsi pe canalul Discord SteemRomânia.

giffinalarticol.gif

SteemRomania Discord Chanell !

Sort:  

Doar ce mi-am batut putin capul aseara cu Markdown la ultima postare (cam 3 ore) dar e bine de stiut ca a aparut si un ghid despre asta, multumesc :)

Dacă ai nevoie de ajutor în privința formatării articolelor te rog să-mi dai mesaj privat pe Discord !

Sigur, mulțumesc :)

Nu a meritat?

Ba da, normal :)

Greetings! You've been upvoted by @romaniaball. It's here to support Romanian users on Steemit and the @steemromania community. If you want to support us, feel free to delegate SP to @romaniaball. Help us build up the Romanian community! Join the SteemRomania Discord server! https://discord.gg/Jrg8w6U Salutari! Ați fost votat de @romaniaball. Este aici pentru a sprijini utilizatorii români pe Steemit și comunitatea @ steemromania. Dacă doriți să ne sprijiniți, nu ezitați să delegeți SP la @romaniaball. Ajutați-ne să construim comunitatea românească! Alăturați-vă serverului de discuri SteemRomania! https://discord.gg/Jrg8w6U

Foarte utila postarea, ma bucur ca am invatat acum sa fac un tabel si sa inserez o imagine cu link.

Hai ca am mai invatat ceva :D Multumesc.

Se vede bine gif-ul :D

Urmează cel de HTML. Eu sper ca la un moment dat să avem și o interfață decentă pe steem căci așa cum e acum aspectul general al postărilor este ... vai mama lui.

You got a 1.49% upvote from @allaz courtesy of @rbm!

You got a 36.76% upvote as a Recovery Shot from @isotonic, currently working as a funding tool, courtesy of @rbm!

  • Image from pngtree.com

@isotonic is the Bid Bot of the @runningproject community.
Earnings obtained by this bot, after paying to the delegators, are fully used to increase the SP of the @runningproject from which all affiliated members are benefited.
Check @runningproject posts in order to know further about.

You just received a 15.34% upvote from @honestbot, courtesy of @rbm!
WaveSmall.gif