Kako brzo koristiti Markdown na GitHubu i Redditu

Informatec Digital » Sredstva » Kako brzo koristiti Markdown na GitHubu i Redditu

Ako često pišete na GitHubu ili provodite puno vremena na Redditu, savladavanje Markdowna jedna je od onih stvari koje vam štede sate i olakšavaju život. To je vrlo lagan jezik za označavanje koji vam omogućuje brzo formatiranje običnog teksta bez muke s izbornicima ili gumbima, samo s nekoliko simbola postavljenih na prava mjesta.

Na GitHubu ćete ga pronaći svugdje: u datotekama README.md repozitorija , problemima, zahtjevima za povlačenjem, raspravama, pa čak i u vašem vlastitom profilu. Reddit, s druge strane, koristi varijantu pod nazivom Snoomark (Markdown u stilu Reddita) koja nasljeđuje velik dio GitHubove sintakse, s nekim jedinstvenim značajkama i ograničenjima. Pogledajmo, korak po korak i s puno primjera, kako brzo i bez propuštanja nečega važnog koristiti Markdown na GitHubu i Redditu .

Što je Markdown i zašto je toliko koristan na GitHubu i Redditu?

Markdown je lagani jezik za označavanje osmišljen kako bi običan tekst bio jednostavan za čitanje i pisanje, a istovremeno omogućuje jednostavnu pretvorbu u HTML. U praksi to znači da možete pisati običan tekst i dodati nekoliko posebnih znakova za izradu naslova, popisa, tablica, citata, formatiranog koda, poveznica ili slika.

Na GitHubu se koristi implementacija GitHub Flavored Markdown (GFM), koja proširuje klasičnu sintaksu s tablicama, popisima obaveza, naprednim isticanjem koda, podrškom za boje, upozorenjima i nekim dopuštenim HTML oznakama. Sve se to automatski prikazuje u .md datotekama i u poljima za komentare platforme.

Reddit koristi vlastiti uređivač pod nazivom Snoomark, derivat GFM-a. Dijeli većinu osnovnog ponašanja (podebljano, kurziv, naslovi, popisi, citati, umetnuti ili blok kod, poveznice itd.), ali ima važne osobitosti : na primjer, podrška za slike je ograničenija ovisno o kontekstu, a dodaje i vlastite elemente poput spojlera.

Ljepota svega ovoga je u tome što s jednom sintaksom možete pisati tekstove koji izgledaju dobro i na GitHubu i na Redditu, prilagođavajući samo nekoliko detalja gdje svaka platforma funkcionira drugačije. Učenje osnovnih pravila omogućuje vam lako snalaženje u objema platformama bez potrebe da išta ponovno učite ispočetka.

Naslovi i struktura sadržaja

Jedna od prvih stvari koje ćete koristiti su naslovi , i na GitHubu i na Redditu. Oni pomažu u strukturiranju teksta u odjeljke i pododjeljke.

U Markdownu se naslov stvara tako da se ispred teksta stavi jedan do šest simbola hash: jedan za naslov razine 1, dva za razinu 2 i tako dalje do razine 6. Na primjer, u GitHub README.md datoteci možete imati nešto poput: # Glavni Naslov , ## Odjeljak , ### Pododjeljak itd.

Kada GitHub pronađe dva ili više naslova u datoteci, automatski generira sadržaj dostupan putem ikone "Outline" na vrhu datoteke. Svaki naslov prikazuje se kao poveznica koja vas vodi izravno do tog odjeljka, što je izvrsno za duge dokumente.

Osim toga, svaki naslov postaje interno sidro na koje se možete povezati s URL isječkom na temelju teksta naslova. Za generiranje tog isječka, GitHub primjenjuje vrlo specifična pravila: pretvara slova u mala slova, zamjenjuje razmake crticama, uklanja interpunkcijske znakove i znakove formatiranja (poput kurziva), uklanja višak razmaka i, ako se rezultat podudara s drugim prethodnim naslovom, dodaje numerički sufiks (-1, -2 itd.) kako bi ga učinio jedinstvenim.

To vam omogućuje stvari poput postavljanja ## primjera odjeljka , a zatim povezivanja na njega s druge točke u dokumentu pomoću poveznice poput (#primjer-odjeljka) ili čak povezivanja na odjeljke s posebnim znakovima u naslovu, budući da GitHub generira isječak slijedeći ta pravila i čini ga dostupnim s istim uzorkom.

Naglasak, istaknuti tekst i citati

Markdown vam omogućuje isticanje teksta pomoću različitih oblika naglašavanja : podebljano, kurzivno, precrtano, indeksirano, nadcrtano ili podcrtano. Na GitHubu bi tipična tablica stilova izgledala otprilike ovako, iako smo je ovdje saželi u različitim terminima:

Da biste tekst učinili podebljanim , okružite ga dvostrukim zvjezdicama ili dvostrukim podvlakama; za kurziv upotrijebite jednostruke zvjezdice ili podvlake; za precrtavanje upotrijebite dvostruku tildu (dvije tilde) sa svake strane teksta. Također možete kombinirati ugniježđeno podebljano i kurzivno pismo, koristiti tri zvjezdice da biste oboje primijenili na cijeli odjeljak teksta ili koristiti HTML oznake poput `<b>` _{za ^{indekse i nadpise i `<i>` za podcrtavanja.}}

GitHub vam također omogućuje stvaranje citata u bloku postavljanjem simbola "veće od" (>) na početak retka. Citirani tekst prikazuje se s okomitom crtom s lijeve strane i sivom bojom, što ga jasno ističe. Možete imati više redaka unutar istog citata u bloku, pa čak i ugnijezditi citate dodavanjem više simbola > na početak.

Napredni oblik citiranja jedinstven za GitHub je upozorenje ili upozorenje . Koristi istu sintaksu blokovnog citata, ali prvi redak uključuje posebnu oznaku za označavanje vrste upozorenja. Na primjer, možete navesti `upozorenje` za korisne informacije, `korisne savjete`, `ključne podatke`, `hitna upozorenja` i `upozorenja na rizike ili negativne posljedice`. GitHub prikazuje svaku vrstu drugom bojom i ikonom, što pomaže u isticanju ključnih informacija u vašoj dokumentaciji.

Reddit također podržava jednostavne citate s istim simbolom >, iako mu nedostaje GitHubov bogati sustav pinga. Unatoč tome, ostaje vrlo koristan način za odgovaranje nekome citiranjem dijela njihove poruke bez ponavljanja u cijelosti.

Isticanje koda, blokovi i boje

I GitHub i Reddit omogućuju vam isticanje isječaka koda unutar teksta pomoću povratnih crtica. Za inline kod, riječ ili naredbu zatvarate s jednom povratnom crticom sa svake strane. To je idealno za isticanje, na primjer, ` git status` unutar rečenice, čime se jasno daje do znanja da je riječ o naredbi.

Kada želite samostalni blok koda, Markdown koristi tri povratne oznake: pišete redak s tri povratne oznake, zatim kod u odvojenim retcima i zatvarate s još tri povratne oznake. Na GitHubu, ako odmah nakon prvih povratnih oznaka navedete i jezik, primjenjuje se isticanje sintakse s bojama i formatiranjem specifičnim za taj jezik.

GitHub također nudi posebnu značajku za isticanje vrijednosti boja unutar povratnih aluzija. Ako upišete boju u heksadecimalnom, RGB ili HSL formatu između povratnih aluzija, platforma uključuje mali indikator boje pored teksta. Na primjer, ako je boja pozadine u svijetlom načinu rada #ffffff, a u tamnom načinu rada #000000, isticanje ovih kodova omogućuje vam da brzo vidite koja je koja.

Što se tiče prikaza koda i tablica, GitHub vam omogućuje omogućavanje fiksnog monospace fonta u svim poljima za komentare, što olakšava rad s tehničkim tekstom. Ako uređujete puno isječaka koda u pregledniku ili u uređivačima poput Visual Studio Codea , omogućavanje ove opcije čini poravnanje i čitljivost mnogo dosljednijima.

Reddit također podržava blokove koda s povratnim oznakama, i inline i block, iako je njihova upotreba tamo više usmjerena na male isječke ili pseudokod nego na dugu dokumentaciju poput one u repozitoriju.

Linkovi, sidra i interna navigacija

Izrada poveznica u Markdownu je vrlo jednostavna: tekst koji će se prikazati korisniku stavljate u uglate zagrade, a URL u zagrade. To funkcionira i na GitHubu i na Redditu, a može se poboljšati tipkovničkim prečacima na GitHubu (na primjer, korištenjem kombinacija tipki za brzo pretvaranje odabranog teksta u poveznicu).

GitHub dodaje neke dodatne značajke povezane s navigacijom. Prvo, omogućuje vam izravno povezivanje s naslovima pomoću pravila generiranja isječaka o kojima je ranije bilo riječi. Drugo, podržava relativne veze unutar samog repozitorija, što je ključno za tehničku dokumentaciju.

Relativna veza je ona koja se izračunava korištenjem trenutne datoteke kao reference. Na primjer, ako se vaš README nalazi u korijenu projekta i želite se povezati s datotekom docs/CONTRIBUTING.md, jednostavno napišete vezu s putanjom docs/CONTRIBUTING.md. GitHub ispravno prevodi ovu relativnu vezu u bilo kojoj grani na kojoj se nalazite, sprječavajući njezino prekidanje prilikom promjene grana ili kloniranja repozitorija.

Preporuka je uvijek koristiti relativne putanje prilikom navigacije između datoteka u istom repozitoriju, jer apsolutne poveznice mogu prestati raditi u klonovima ili forkovima. GitHub dopušta korištenje standardnih operatora poput ./ ili ../ i putanja koje počinju s / u odnosu na korijen projekta.

Ako želite stvoriti prilagođene sidrišne točke unutar dokumenta izvan naslova, možete koristiti HTML oznake s atributom `name`. To vam omogućuje postavljanje ciljne točke u sredinu odlomka ili pored teksta koji nema vlastiti naslov i povezivanje s njom pomoću iste sintakse kao i za automatski generirane naslove.

Slike na GitHubu: Markdown, HTML i relativne putanje

Na GitHubu se slike općenito ugrađuju istom sintaksom kao i poveznice, ali im prethodi uskličnik. Alternativni tekst (alt) naveden je unutar uglatih zagrada, a URL ili put do slike unutar zagrada. Ovaj alternativni tekst važan je za pristupačnost jer je to ono što će čitači zaslona pročitati i što će se prikazati ako se slika ne uspije učitati.

Slike mogu dolaziti iz datoteka unutar samog repozitorija ili s vanjskih URL-ova. GitHub omogućuje višestruke relativne obrasce putanja za prijenos slika iz različitih grana, drugih repozitorija ili čak problema i komentara, koristeći sufikse poput ?raw=true za prisilno izravno preuzimanje datoteke kada je to potrebno.

Uz standardnu ​​Markdown sintaksu, GitHub podržava korištenje HTML elementa `<picture>`. Ovaj element je posebno koristan za učitavanje responzivnih slika koje se mijenjaju prema korisnikovim postavkama teme (svijetla ili tamna). Pomoću medijskog upita `prefers-color-scheme` možete definirati različite izvore slika za svaki način rada i zadanu sliku za preglednike koji ne podržavaju ovu značajku.

Tipičan obrazac uključuje uključivanje unutar nekoliko elemenata s atributima media i srcset, i konačno a Korištenjem atributa alt i generičkog URL-a, korisnici u tamnom načinu rada vide prilagođenu sliku, dok oni u svijetlom načinu rada primaju drugačiju, bez potrebe za dupliciranjem sadržaja u README datoteci.

GitHub također podržava HTML komentare u Markdown datotekama, što vam omogućuje dodavanje nevidljivih podsjetnika čitatelju, na primjer, da ih podsjetite da ažuriraju odjeljak slike ili kasnije dodaju nove primjere.

Tablice, preklopni dijelovi i odvajanje sadržaja

Jedno od najkorisnijih poboljšanja u GitHub Flavored Markdownu je podrška za tablice . Podatke možete organizirati u retke i stupce pomoću okomitih crtica za odvajanje ćelija i retka crtica za označavanje zaglavlja. Također je moguće poravnati stupce desno, lijevo ili centrirati pomoću dvotočke u retku razdjelnika.

Tablice su vrlo korisne za prikaz popisa programskih jezika, korištenih okvira, planiranih zadataka, usporedbi značajki ili bilo kojih drugih informacija koje imaju koristi od matrične strukture. GitHub prikazuje ove tablice čistim i čitljivim stilom.

Za organiziranje dugih README datoteka možete koristiti HTML oznaku `<details>` za stvaranje odjeljaka koji se mogu sažeti. Ovi odjeljci prikazuju sažetak unutar oznake `<summary>` i omogućuju korisniku da proširi ili sažme dodatni sadržaj po potrebi. Uobičajena je praksa uključiti tablice ili blokove sekundarnih informacija unutar `<details>` kako bi se izbjeglo preopterećenje korisnika na prvi pogled.

Ako želite da se odjeljak prema zadanim postavkama prikazuje proširen, jednostavno dodajte atribut otvoreno u Ova je tehnika vrlo praktična za grupiranje rangiranja, dugih popisa ili sadržaja koji nije bitan za prvo čitanje, ali je zgodno imati ga dostupnim.

Još jedan jednostavan alat za organiziranje informacija je horizontalno pravilo. Stvara se pisanjem triju ili više crtica na liniji i služi za crtanje razdjelne crte između odjeljaka, omogućujući vam jasno odvajanje, na primjer, opisnog odjeljka od odjeljka s referencama ili dodatnim bilješkama.

Ova se pravila mogu kombinirati s citatima na kraju dokumenta kako bi se istaknule inspirativne fraze, podsjetnici ili ključne poruke. Tipičan primjer bio bi postavljanje motivacijskog citata na kraj vaše README datoteke profila, formatiranog s blokovnim citatom nakon crte razdvajanja.

Skriveni komentari i kontrola formata

GitHub vam omogućuje umetanje HTML komentara unutar Markdowna pomoću sintakse <!-- comment -->. Sve što stavite unutar tog komentara neće se prikazati u prikazanom sadržaju, ali će biti vidljivo u izvornom kodu, što ga čini idealnim za interne bilješke ili zadatke.

Na primjer, u README datoteku profila možete dodati komentar koji kaže nešto poput da trebate kasnije proširiti odjeljak "O meni" ili da trebate pregledati tablicu zastarjelih tehnologija, a da nitko tko posjeti profil to ne vidi izravno.

Još jedna korisna značajka je izbjegavanje znakova koji bi se inače interpretirali kao Markdown. Ako trebate doslovno prikazati zvjezdice, simbole ljestvice ili druge simbole bez njihovog formatiranja, jednostavno ispred svakog od njih stavite obrnutu kosu crtu. To vam omogućuje, na primjer, pisanje izraza koji uključuju simbole popisa bez pretvaranja u stvarne popise.

Kada pregledavate datoteku s oznakama na GitHubu, imate mogućnost prebacivanja između prikazanog prikaza i izvornog koda pomoću gumba na vrhu (ili ga otvorite u uređivačima poput Bracketsa ). Onemogućavanje interpretacije Markdowna omogućuje vam pristup tipičnim značajkama prikaza koda poput povezivanja određenih redaka , što je vrlo korisno kada želite istaknuti točan odjeljak README datoteke ili bilo koje .md datoteke.

Konačno, imajte na umu da GitHub drugačije obrađuje prijelome redaka u komentarima (problemi, PR-ovi itd.) i u .md datotekama. U komentarima se prijelomi redaka izravno poštuju, dok u Markdown datotekama trebate dodati dva razmaka na kraju retka, obrnutu kosu crtu ili točku. kako bi se skok izvršio unutar istog odlomka.

Popisi, ugniježđeni popisi i popisi obaveza

Popisi su jedan od najčešće korištenih elemenata u Markdownu, i na GitHubu i na Redditu. Neuređene popise možete stvoriti tako da ispred svake stavke popisa stavite crticu, zvjezdicu ili znak plus. Svi ovi markeri prikazuju se slično kao grafičke oznake.

Za generiranje uređenih popisa , numerirajte svaki redak brojem nakon kojeg slijede točka i razmak. Iako redoslijed brojeva ne mora biti savršen (GitHub ga obično ponovno izračunava), dobra je ideja održavati dosljedno numeriranje kako bi izvorni kod bio čitljiv.

Ugniježđene liste se stvaraju jednostavnim uvlačenjem stavki ispod njih. U editorima s jednostrukim razmakom poput Sublime Texta , samo trebate vizualno poravnati oznake ugniježđenih lista ispod prvog znaka teksta u nadređenoj stavci. U kontekstima poput editora komentara GitHuba, gdje font nije jednostrukog razmaka, trebali biste prebrojati koliko se znakova nalazi prije teksta i koristiti taj broj razmaka za uvlačenje.

Također možete izgraditi više razina ugniježđivanja, sve dok održavate dosljednost u broju razmaka. Za vrlo složene liste, ovaj sustav zahtijeva malo vježbe, ali nakon što ga savladate, vrlo ga je brzo primijeniti.

GitHub također nudi popise zadataka , koji su vrlo korisni za probleme, zahtjeve za povlačenjem i dokumentaciju. Oni se stvaraju tako da se ispred popisa stavi crtica, razmak i par uglatih zagrada s razmakom ili "x" unutra: jedan za zadatke na čekanju, a drugi za dovršene zadatke. Ovi se popisi prikazuju s potvrdnim okvirima koje je moguće odabrati ili poništiti odabir iz sučelja.

Ako tekst stavke popisa obaveza počinje zagradama, mora se izbjeći obrnutom kosom crtom kako bi se izbjegla zabuna u parseru. To je mali detalj, ali važan pri pisanju opisa koji počinju s nečim poput "(Neobavezno)" ili slično.

Spominjanja, reference i emojiji na GitHubu

Jedna od prednosti pisanja u Markdownu na GitHubu je mogućnost izravnog spominjanja korisnika i timova na platformi. Jednostavno upišete @, a zatim korisničko ime ili naziv tima, a GitHub šalje obavijest tom računu, privlačeći njihovu pozornost na razgovor.

Kada upišete simbol @, GitHub prikazuje popis korisnika i timova povezanih s repozitorijem ili niti, a popis možete filtrirati dok tipkate. Koristite tipke sa strelicama i pritisnite Enter ili Tab za prihvaćanje prijedloga. Za timove koristite format @organizacija/naziv-tima i svi članovi tima bit će pretplaćeni na nit.

Osim spominjanja, GitHub olakšava referenciranje problema i zahtjeva za povlačenjem jednostavnim upisivanjem # nakon čega slijedi broj ili dio naslova. Pojavljuje se popis predloženih rezultata, koji možete ispuniti na isti način kao i sa spominjanjima. To uvelike ubrzava navigaciju između povezanih razgovora.

Ako vaš repozitorij ima konfigurirane prilagođene automatski povezane reference, određene vanjske notacije (kao što su JIRA ili Zendesk ID-ovi tiketa) također se mogu automatski pretvoriti u kratke poveznice. Ova postavka zahtijeva administratorske privilegije, ali nakon što se omogući, omogućuje dijeljenje podataka između sustava uz minimalan napor.

Konačno, GitHub podržava emojije putem koda: upišite dvotočku, zatim naziv emojija i završite s još jednom dvotočkom. Dok počnete tipkati, pojavljuje se popis prijedloga koje možete prihvatiti pomoću tipke Tab ili Enter. Uključivanje emojija u vaše komentare pomaže im da im date ljudskiji dodir, sve dok ih ne pretjerate s korištenjem u formalnoj dokumentaciji.

Fusnote i napredni sadržaj

GitHub također podržava fusnote pomoću sintakse temeljene na zagradama i identifikatora sa znakom umetanja. Na mjestu gdje želite referencu, umetnete nešto poput `<footnote>`, a na kraju dokumenta definirate tekst te fusnote istom oznakom, nakon čega slijedi dvotočka i sadržaj.

Fusnote se mogu protezati preko više redaka, a za prisilno prelamanje redaka unutar fusnote koriste se dvostruki razmaci na kraju retka, baš kao i u glavnom dijelu Markdowna. Prilikom renderiranja, GitHub prikazuje nadpis na tekstu i popis fusnota na kraju, s povratnim poveznicama za navigaciju između referenci i fusnota.

Još jedna napredna značajka koju nudi GitHub su prethodno spomenuta upozorenja (NAPOMENA, SAVJET, VAŽNO, UPOZORENJE i OPREZ). Preporučljivo ih je koristiti samo kada su zaista potrebna i izbjegavati preveliko povezivanje kako biste spriječili preopterećenje čitatelja. Ne mogu se ugniježđivati ​​unutar drugih složenih elemenata, stoga je pažljivo planiranje njihovog smještaja ključno.

Konačno, možete zatražiti od GitHuba da privremeno sakrije dijelove prikazanog Markdowna tako što će ih omotati HTML komentarima ili da ignorira obradu određenih znakova s ​​obrnutim kosim crtama. To je posebno korisno kada dokumentirate samu Markdown sintaksu i trebate prikazati primjere kakvi jesu, bez interpretacije.

Markdown na Redditu: Snoomark i način uređivanja

Reddit je platforma za raspravu na kojoj je gotovo svaka tema dobrodošla, organizirana u subreddite. Što se tiče formatiranja, nudi dva uređivača: jedan za bogati tekst koji je vizualniji i drugi za običan tekst temeljen na Markdownu. Ako želite brzo raditi i imati finu kontrolu nad rezultatom, poželjet ćete koristiti opciju Markdown.

Prema zadanim postavkama, Reddit obično aktivira uređivač obogaćenog teksta, pa da biste prešli na način označavanja, morate kliknuti opciju Način označavanja unutar tekstnog okvira objave ili komentara. Odatle možete izravno koristiti sintaksu Snoomarka.

Ako želite da se Markdown editor uvijek učita, idite u korisničke postavke, u odjeljak Postavke feeda i omogućite opciju "Zadano za Markdown" . Na taj će se način Markdown editor automatski otvarati svaki put kada počnete pisati objavu ili komentar, bez potrebe da ga ručno mijenjate.

Reddit podržava većinu osnovnih i naprednih značajki Markdowna: naslove, podebljano i kurzivno pisanje, popise, citate, blokove koda, poveznice i neke vlastite dodatke poput spojlera. Međutim, ima značajne nedostatke u usporedbi s GitHubom, posebno u rukovanju slikama , što uvelike ovisi o kontekstu i vrsti uređivača.

Sintaksa podržana od strane Reddita i spojleri

Varijanta Snoomarka koju koristi Reddit uključuje mnoge zajedničke elemente s GitHubom, pa ako ste već vješti u Markdownu za repozitorije, prijenos tog znanja u Reddit okruženje je prilično jednostavan. Možete koristiti naslove za strukturiranje dugih objava, numerirane ili popise s grafičkim oznakama, citate za odgovor drugim korisnicima i blokove koda kada želite prikazati naredbe ili tehničke isječke.

Jedna od značajnih razlika je način na koji Reddit obrađuje slike . Iako se u mnogim slučajevima slike prenose putem grafičkog sučelja, a ne izravno pomoću Markdown sintakse, mehanizam koji obrađuje tekstualni sadržaj i dalje je Snoomark, tako da je formatiranje oko tih slika doista temeljeno na Markdownu.

Reddit, s druge strane, dodaje dodatne značajke koje nisu uključene u standardnu ​​specifikaciju, poput spojlera. One omogućuju skrivanje teksta iza sloja koji korisnik može otkriti klikom. Tehnički, kada Reddit obrađuje spojler, transformira ga u kombinaciju HTML-a, CSS klasa i JavaScripta specifičnog za platformu.

Rezultirajući HTML prikaz spojlera uključuje rukovatelje koji kontroliraju kada prikazati ili sakriti sadržaj, i dok bi se teoretski nešto slično moglo napisati običnim HTML-om, na Redditu to ovisi o njegovoj internoj implementaciji. Važno je za vas kao korisnika da prilikom pisanja trebate koristiti samo specifičnu sintaksu spojlera koju pruža editor, a Snoomark se brine o njenom prevođenju u odgovarajuću strukturu.

Ukratko, Snoomark nasljeđuje mnoga ponašanja od GitHub Flavored Markdowna, ali usmjerena prema potrebama zajednice za raspravu, a ne projektne dokumentacije. Unatoč tome, jezgra ostaje ista: običan tekst s jednostavnim simbolima transformiran u strukturiran i čitljiv sadržaj.

Savladavanje Markdown sintakse na GitHubu i Redditu čini pisanje tehničke dokumentacije, otvaranje dobro objašnjenih problema, ostavljanje jasnih komentara na zahtjeve za povlačenjem i sudjelovanje u raspravama na Redditu mnogo učinkovitijim. Uz nekoliko ključnih pravila - naslove, naglaske, popise, citate, blokove koda, poveznice, slike i specifične trikove poput tablica, sklopivih detalja, upozorenja, fusnota i spojlera - možete prijeći s pisanja blagih poruka na stvaranje čistog, preglednog i profesionalnog sadržaja bez klika na jednu tipku miša.