Postavljanje preduvjeta:
Da bismo vidjeli kako funkcionira ugniježđivanje popisa, potreban nam je alat ili softver na koji možemo implementirati skriptu za označavanje. Pronašli smo Visual Studio Code kao najbolji asembler za markdown skripte. Da bismo implementirali markdown jezik, moramo napraviti neke promjene prema našim zahtjevima zadatka. Pokrenuli smo VS kod i stvorili novu projektnu datoteku. Prema zadanim postavkama otvara jednostavnu tekstualnu datoteku, ali moramo poraditi na markdownu pa ćemo promijeniti vrstu datoteke. Opcija 'Običan tekst' može se pronaći u desnom kutu statusne trake i koristi se za promjenu vrste datoteke. Kada postavite pokazivač na njega, traži se odabir načina rada jezika.
Kada ga pritisnete, pojavit će se izbornik. Morate samo napisati 'Markdown' da odaberete jezik označavanja.
Ovo će promijeniti našu vrstu datoteke iz 'Plain Text' u 'Markdown'.
Na prethodnoj snimci možete vidjeti da je vrsta datoteke sada 'Markdown'.
Nakon toga moramo dodati ekstenziju da bi se skripte za označavanje mogle pregledati i ispravno raditi. Da biste dodali ovo proširenje s lijeve alatne trake, opcija postavki pružit će vam okvir za odabir u kojem smo odabrali opciju 'Proširenje'.
Ovo će otvoriti prozor. Moramo napisati naziv proširenja kao 'Markdown All in One' i instalirati ga.
Sada je markdown ekstenzija uspješno dodana u našu datoteku.
Posljednje što moramo učiniti je otvoriti prozor za pregled kako bismo vidjeli izlaz naših generiranih skripti. Prozor za pregled možete pokrenuti klikom na tipke 'Ctrl+Shift+V' ili možete kliknuti ikonu s tipkom koja se nalazi u gornjem desnom kutu alata.
Klikom na njega prozor će se podijeliti na dva ekrana. Prvi će se koristiti za unos skripti dok će se izlaz skripte prikazati u prozoru 'Pregled'.
Sada možemo koristiti ovaj alat za početak rada na skriptama za označavanje. Istražimo sada skripte.
Izbjegavanje Backticks-a u Markdownu:
U Markdownu se povratne oznake koriste za stvaranje blokova koda. Kada umetnemo povratnu oznaku, to se odnosi na pokretanje isječka koda u Markdownu. Jedna povratna kvačica dodaje se na početku i kraju svakog retka koda kako bi se stvorili umetnuti blokovi koda u dokumentima. Zbog tih povratnih oznaka, postaje teško prikazati povratne oznake kao tekst u dokumentu bez omogućavanja generiranja blokova koda. U ovom vodiču ćemo raditi na tome kako možemo izbjeći povratnu kvačicu tako da je možemo uključiti kao tekst umjesto da je tretiramo kao početak sintakse koda.
Najjednostavniji način preskakanja obrnute oznake je dodavanje obrnute kose crte (\) prije umetanja obrnute oznake. Ako ne dodate obrnutu kosu crtu, umetnut će se povratna oznaka koju biste dodali kao tekst i sljedeća obrnuta oznaka u kodu. Svaki tekst koji biste dodali između njih smatrat će se blokom koda, pa da biste to izbjegli umetnite obrnutu kosu crtu. Prvo ćemo dodati obrnute kvačice kako bismo generirali blok koda, a zatim ćemo naučiti izbjeći obrnute kvačice u označavanju u ovoj demonstraciji.
Prvo smo stvorili zaglavlje za naš dokument. Za generiranje zaglavlja prve razine, moramo umetnuti jedan simbol hash (#), dodati razmak i zatim spomenuti tekst za zaglavlje. Tekst smo dali kao 'Markdown Backtick'. Da bismo stvorili blok koda, prvo smo dodali povratnu kvačicu (`) i razmak iza nje. Zatim smo napisali tekst kao 'Uzorak teksta', nakon čega je slijedio razmak gdje se primjenjuje završna kvačica. Sada će ove dvije povratne oznake smatrati tekst između njih isječkom koda i stoga će ga prikazati kao blok koda.
Ovo nam daje zaglavlje 'Markdown Backtick' i tekst koji smo gore spomenuli u formatu bloka koda. Očekivani ishod možete vidjeti u snimci prozora pregleda koju smo dali u nastavku:
Sada, da bismo izbjegli ovu obrnutu oznaku i prikazali tekst kao običan tekst, a ne kao blok koda, moramo koristiti obrnutu kosu crtu (\) prije početne obrnute kvačice i također prije završne obrnute kvačice. Dakle, napravili bismo ovaj trik na gornjem bloku koda kako bismo ga prikazali kao običan tekst dodavanjem obrnutih kosih crta.
Napravili smo zaglavlje s tekstom 'Markdown Escaping a Backtick'. Nakon preskakanja retka, dodali smo obrnutu kosu crtu nakon koje je slijedila obrnuta kvačica. Daje se prostor, a zatim se tekst navodi kao 'Uzorak teksta'. Prije dodavanja obrnute kvačice koja zatvara, umetnuli smo još jednu obrnutu kosu crtu.
Prozor za pregled prikazuje očekivani ishod gdje je tekstualni niz prikazan kao običan tekst s povratnim kvačicama. Dakle, dodali smo povratnu oznaku bez pokretanja njegove funkcije za pretvaranje teksta u blok koda.
U gornjem slučaju, tekst je umotan između dvije povratne kvačice. Ako želimo dodati jednu povratnu oznaku u blok koda, a da to ne smatramo sintaksom za generiranje bloka koda. Za ovo smo dodali dvije povratne kvačice, razmak, a zatim tekst kao 'Dodajemo povratnu kvačicu: ` '. Možete vidjeti da ovdje želimo prikazati backtick bez da ga koristimo kao dio sintakse. Zatim smo dali prostora i dodali dvije završne kvačice.
Očekivani rezultat se stavlja na pregled. Ovo ima blok koda koji ima povratnu kvačicu kao dio.
Sada ćemo stvoriti još jedan primjer za razumijevanje koncepta. Ovdje ćemo stvoriti matematički izraz i napisati ga kao blok koda u markdownu u skladu s uobičajenim tekstom. Napisali smo to kao 'Ako je `y = 9`, to znači da je `y -3 = 6`'. Ovdje smo upotrijebili obrnute oznake na 'y = 9', a zatim na 'y-3 = 6' kako bismo oba napravili blokove koda.
Dakle, dao nam je očekivani rezultat koji se može vidjeti na slici ispod:
Sada, da bismo izbjegli te obrnute kvačice i prikazali obrnute kvačice kao dio uobičajenog teksta, moramo umetnuti obrnute kose crte prije oba para obrnutih kvačica.
Matematički izraz koji smo dodali prikazan je s povratnim kvačicama kao uobičajeni tekst i kao blok koda u označavanju.
Zaključak
Povratne oznake se dodaju u markdown kako bi se određeni tekst ili skripta prikazala u bloku koda. U ovom vodiču raspravljali smo o potrebi izbjegavanja povratne kvačice kada želimo dodati sadržaj kao običan tekst s povratnom kvačicom bez aktiviranja njihove funkcionalnosti. Raspravljali smo o tome kako se obrnute oznake primjenjuju za izradu blokova koda, a zatim smo vam pružili rješenje koje je dodavanje obrnute kose crte (\) prije obrnute kvačice kako bi se prikazalo kao običan tekst i ne bi omogućilo blok koda stvaranje.