Előfeltételek:
Az ebben az útmutatóban bemutatott lépések végrehajtásához a következő összetevőkre van szüksége:
- Megfelelő Markdown szerkesztő. Például, VSCodium , nyomja meg (villa Atom ), vagy bármely online jelölőszerkesztő.
- A Markdown alapvető ismerete (opcionális).
Árleszállítás
A Markdown egy népszerű jelölőnyelv, amely lehetővé teszi különböző elemek (címsorok, képek, táblázatok stb.) hozzáadását a szöveges dokumentumok egyszerűsítésére. A beépített szintaxisok mellett a Markdown különféle HTML címkéket is támogat. Idővel népszerűvé vált érdekes funkcióinak köszönhetően:
- Könnyűsúlyú : Más jelölőnyelvekhez képest a Markdown egyszerű és könnyű. A szabványos Markdown nem tartalmaz sok szintaxist, miközben megőrzi sokféle funkcióját.
- Hordozhatóság : A Markdown dokumentum alapvetően egyszerű szöveg. Így bármilyen program működhet vele. Markdown-formátumú szöveget is létrehozhat bármely platformon.
- Népszerűség : A Markdown webhelyek, dokumentumok, jegyzetek, e-mailek és egyebek készítésére szolgál. A nagyvállalatok, mint a Reddit, a GitHub stb. is támogatják a Markdownt.
Vízszintes vonalak a Markdownban
A Markdownban a vízszintes vonal valahogy így jelenik meg:
Számos alkalom van, amikor vízszintes vonalat szeretne hozzáadni a dokumentumhoz. Például egy szakasz kezdetének/végének jelölése.
Új dokumentum létrehozása
Miközben a Pulsar szerkesztővel dolgozunk, meg kell nyitnunk egy új szövegfájlt a Markdown-dokumentum tárolásához. A fő ablakból lépjen a következőre: Fájl >> Új fájl vagy használja a ' Ctrl + N ” billentyűparancs.
A Pulsar szerkesztő élő Markdown előnézeti funkcióval rendelkezik. Az élő előnézet engedélyezéséhez lépjen a következőre: Csomagok >> Markdown előnézet >> Előnézet átváltása . Alternatív megoldásként használja a „ Ctrl + Shift + M ” billentyűparancs.
Vízszintes vonalak létrehozása
A Markdown-ban van néhány szintaxis a vízszintes vonal jelölésére:
- ***
- —
- ___
Mindegyik hasonló kimenetet eredményez.
A bemutatáshoz másolja ki és illessze be a következő kódot a szövegszerkesztőbe:
# Helló Világ___
# a gyors barna róka
***
# átugrik a lusta kutyán
___
#123456789
Itt:
- A jobb látvány érdekében minden szövegsorhoz a H1 formázást használjuk.
- Három vízszintes vonalat hozunk létre három különböző szimbólum segítségével.
- Minden vízszintes vonal szimbólum előtt és után van egy új sor.
Javasoljuk, hogy ilyen térközt használjon, mert a szóköz nélküli „-” szimbólum egy címsort jelöl:
rossz módszer---
Helló Világ
Vízszintes vonalak létrehozása HTML használatával
Ha korábban dolgozott HTML-lel, valószínűleg ismeri a
vízszintes vonalak létrehozásához. Markdownban is működik.
Nézze meg a következő kódot:
## Helló Világ< hr />
Itt:
- A szöveghez a H2 formázást használjuk.
- A
címke vízszintes vonalat generál a renderelt kimenetben.
Ennek a megközelítésnek az egyik érdekes előnye, hogy nem kell attól tartania, hogy véletlenül létrehoz egy címsort.
A
címke lehetővé teszi a kimenet különféle tulajdonságainak módosítását is. Például: szín, szélesség stb. Nézze meg a következő példát:
< hr stílus = 'szegély: 3 képpont egyszínű zöld' />
## 2. példa
< hr stílus = 'szegély: 9 képpont szaggatott piros' />
## 3. példa
< hr stílus = 'szegély: 9 képpont tömör; szegélysugár: 9 képpont; magasság: 33 képpont' />
Itt:
- Az összes példa CSS-t tartalmaz a vízszintes vonal stilizálásához.
- Az első példában egy egyszerű színes vízszintes vonalat hozunk létre.
- A második példában szaggatott vízszintes vonalat hozunk létre.
- A harmadik példában egy lekerekített vízszintes vonalat hozunk létre.
Ha többet szeretne megtudni, nézze meg a
címkét a HTML-ben .
Markdown exportálása HTML-ként
A megfelelő eszközzel a Markdown formátumú dokumentum HTML-be konvertálható. A Pulsar szerkesztő rendelkezik ezzel a beépített funkcióval.
A renderelt kimenet HTML-ként való másolásához kattintson jobb gombbal az előnézeti ablakra, és válassza a „Másolás HTML-ként” lehetőséget.
Az eredményül kapott HTML így néz ki:
Következtetés
Megbeszéltük a vízszintes vonalak létrehozását a Markdownban. A vízszintes vonalak létrehozásához a beépített Markdown szintaxist és a HTML szintaxist is bemutattuk.
Szeretne többet megtudni a Markdownról? Nézze meg a Markdown alkategória .