Kako besplatno i bez troškova napraviti blog uz GitHub Pages i Jekyll

Potpuno besplatno i bez ikakvih troškova pokrenuti blog koristeći GitHub Pages i Jekyll je moguće: uz GitHub nalog, besplatan hosting preko GitHub Pages i Jekyll statički site generator, možete objaviti brz, siguran i SEO-optimiziran blog bez plaćanja za hosting. Osnovna postavka dolazi s besplatnom github.io poddomenom i automatskom HTTPS zaštitom; jedini mogući trošak je domena, ako želite koristiti vlastitu adresu. Ova strategija je posebno pogodna za programere, IT blogere, portfolio sajtove, timove koji objavljuju dokumentaciju i sve koji žele kreirati sadržaj s minimalnim budžetom.

U ovom vodiču ćete korak po korak naučiti kako od nule postaviti blog na GitHub Pages, konfigurirati Jekyll, odabrati temu, objaviti sadržaj, podesiti SEO, povezati vlastitu domenu i saznati stvarna ograničenja ovog pristupa. Također, objasnićemo kada je bolje preći na klasični hosting, WordPress ili upravljano rješenje. Ako vam je cilj objavljivanje uz minimalne troškove, GitHub Pages je odličan početak; ali za funkcije kao što su korisnički sistem, e-trgovina, dinamički formulari ili napredni admin panel, razmotrite i Web Hosting te WordPress hosting opcije.

Šta su GitHub Pages i Jekyll?

GitHub Pages je besplatna hosting usluga koja omogućava da statičke web datoteke iz vašeg GitHub repozitorija budu dostupne online. Možete objavljivati HTML, CSS, JavaScript, slike i statičke stranice generirane uz Jekyll. Korisnički sajtovi se objavljuju u formatu korisnickoime.github.io, dok projektni sajtovi rade unutar određenog repozitorija.

Jekyll je open-source generator statičkih sajtova koji pretvara Markdown sadržaj, teme i konfiguracije u statičke HTML stranice. Ne koristi bazu podataka niti server-side PHP/Node.js. Zato je napadna površina manja, stranice se otvaraju munjevito brzo, a održavanje je minimalno. Blog postovi se pišu u Markdown-u, a datoteke su imenovane prema datumu i naslovu posta.

Kombinovanjem GitHub Pages i Jekyll-a, sadržaj možete verzionisati putem Git-a, pratiti sve promjene i automatski objavljivati blog. Kad ažurirate post, šaljete commit; GitHub Pages generiše novu verziju i objavljuje je za par minuta. Ovaj proces je brz i čist za tehnički orijentirane korisnike.

Kome odgovara, kome ne?

Kreiranje bloga uz GitHub Pages i Jekyll nije idealno za svaki projekat. Prva stvar je da jasno definišete potrebe. Staticki blog je odličan kada se sadržaj često mijenja, ali nema prikupljanja podataka od korisnika. Primjeri: IT bilješke, tehnički vodiči, lični portfolio, akademska bibliografija, dokumentacija proizvoda ili manje korporativne novosti.

Za funkcije kao što su korisnički login, online plaćanje, korpa, članstvo, komentari, rezervacije, live praćenje zaliha ili napredni admin panel, statička struktura nije dovoljna. Tu su potrebni baza podataka i server-side aplikacije. U tim slučajevima bolje je koristiti cPanel Hosting, VPS server ili upravljani WordPress.

Poređenje opcija za besplatno pokretanje bloga

Ukratko, ako želite brz i besplatan site za sadržaj, GitHub Pages je moćno rješenje. Za kontrolu brenda, korporativni e-mail, profesionalnu podršku, posebne aplikacije i skalabilne resurse, Hosting paketi su dugoročnija opcija.

Šta je potrebno prije početka?

Treba vam nekoliko osnovnih besplatnih alata. Prvo, otvorite GitHub nalog. Instalirajte Git na računar. Za pisanje možete koristiti Visual Studio Code ili sličan editor. Za lokalno testiranje Jekyll-a, instalirajte Ruby i Bundler. Možete objavljivati direktno preko GitHub-a bez lokalnog testiranja, ali za uređivanje tema, debugging i brzi preview preporučuje se lokalni razvoj.

• GitHub nalog: za kreiranje repozitorija i objavljivanje sajta
• Git: za commit i slanje promjena na GitHub
• Ruby i Bundler: za lokalno pokretanje Jekyll-a
• Markdown znanje: za pripremu blog postova u čistom formatu
• Osnovno DNS znanje: potrebno ako povezujete vlastitu domenu

Ako želite vlastitu domenu, treba vam pouzdan registrar. Odaberite domenu koja odgovara vašem brendu – to je bitno za dugoročni SEO i povjerenje korisnika. Preporučujemo da provjerite Provjera domene i Registracija domene za dostupnost odgovarajućih ekstenzija.

Korak po korak: Blog na GitHub Pages i Jekyll

1. Kreirajte GitHub repozitorij

Prijavite se na GitHub i kreirajte novi repozitorij. Za korisnički blog, ime repozitorija mora biti korisnickoime.github.io (gdje korisnickoime mora odgovarati vašem GitHub korisničkom imenu). Ako je ime tačno, GitHub automatski objavljuje blog na toj adresi. Repozitorij kreirajte kao public za jednostavan besplatan hosting.

Nakon toga, klonirajte repozitorij na svoj računar uz git clone komandu. Ta mapa je radni prostor vašeg bloga – tu dodajete Jekyll datoteke, pišete postove i šaljete promjene na GitHub.

2. Instalirajte Jekyll

Ako imate Ruby, u terminalu upišite gem install bundler jekyll za instalaciju. Zatim u repozitoriju pokrenite jekyll new . za kreiranje osnovne strukture sajta. Ako mapa nije prazna, podesite parametre za instalaciju u postojeći folder. Nakon instalacije imate _config.yml, _posts, Gemfile, index i mape za teme.

Za lokalni preview pokrenite bundle exec jekyll serve. Otvorite browser na localhost da vidite blog prije objave. Ova faza je važna za otkrivanje grešaka – loši linkovi, pogrešan datum, neispravni naslovi ili tema koja ne radi na mobilnim uređajima se lako primijete lokalno.

3. Prilagodite _config.yml

Središnja konfiguracija Jekyll sajta je _config.yml. Tu definišete naslov bloga, opis, autora, URL, temu, dodatke, društvene mreže i SEO postavke. Sve promjene ovdje direktno utječu na korisničko iskustvo i vidljivost na pretraživačima. Naslov neka bude vaše ime ili brend, opis neka jasno kaže šta blog nudi.

Za blog o IT bilješkama, opis može biti “Tehnički vodiči i praktične Linux, Python i web development informacije” umjesto samo “osobni blog”. Precizni opisi poboljšavaju Google rezultate, dijeljenje na društvenim mrežama i izgled šablona.

4. Objavite prvi blog post

Blog postovi u Jekyll-u se čuvaju u _posts mapi. Format datoteke je godina-mjesec-dan-naslov.md, npr. 2026-02-10-prvi-jekyll-post.md. Na vrhu datoteke je front matter blok sa postavkama: layout, title, description, date, categories i tags.

Prvi post neka bude jasan u naslovu, uvodni paragraf neka brzo odgovori na glavno pitanje, a sadržaj neka bude pregledan. Markdown omogućava jednostavno dodavanje naslova, listi, linkova i slika. Kad završite, promjene šaljite uz git add, git commit i git push. Ako je Pages aktivan, blog se ažurira za par minuta.

5. Aktivirajte GitHub Pages

U repozitoriju idite na Settings, pronađite Pages sekciju. Izaberite odgovarajući branch (najčešće main) i root folder. U nekim temama ili za napredne build procese koristi se GitHub Actions. Nakon spremanja, GitHub prikazuje adresu bloga. Prva objava može potrajati nekoliko minuta.

Testirajte sajt na raznim uređajima: otvara li se homepage, rade li linkovi, je li tema ok na mobilnim uređajima, prikazuje li se datum i kategorija, vidite li favicon? Ovi testovi poboljšavaju kvalitet prije indeksiranja.

Izbor teme i dizajnerski savjeti

Postoji mnogo besplatnih Jekyll tema. Nemojte gledati samo izgled – važno je da tema bude brza, responsivna, pristupačna, redovno ažurirana, s dobrom SEO podrškom, open-source licencom i kompatibilnošću s GitHub Pages. Teme s puno nepotrebnog JavaScript-a ili efekata mogu usporiti statički sajt.

Dobra blog tema treba imati čitljiv font, pravilno korištenje naslova, prikaz datuma i kategorije, podršku za navigaciju između postova i generiranje meta tagova za pretraživače. Mobilni meni, dark mode i čist kod su dodatne prednosti.

• Koristite čitljiv font i dovoljnu razmak između linija.
• Na početnoj stranici jasno prikažite zadnje postove.
• Nemojte nepotrebno praviti previše kategorija i tagova.
• Slike koristite u WebP ili optimiziranim JPEG formatima.
• Održavajte kontrast boja prema standardima pristupačnosti.

SEO optimizacija Jekyll bloga prema standardima 2026.

SEO u 2026. podrazumijeva više od samih ključnih riječi. Google i drugi pretraživači analiziraju kvalitet sadržaja, signale stručnosti, iskustva, brzinu, strukturirane podatke, ažurnost i relevantnost prema namjeri pretrage. GitHub Pages i Jekyll nude tehnički brzu osnovu, ali za uspješan SEO morate pravilno postaviti arhitekturu sadržaja.

Odgovorite na namjeru pretrage u prvom paragrafu

Prvi paragraf svakog posta mora direktno odgovoriti na korisničko pitanje. U ovom članku, čitatelj želi znati je li moguće besplatno pokrenuti blog – zato odmah navodimo alat, način i troškovnu strukturu. Ovaj pristup je ključan za featured snippet, AI pretrage i brzu preglednost.

Ispravno koristite hijerarhiju naslova

Na svakoj stranici treba biti samo jedan H1, glavni dijelovi su H2, podnaslovi H3. Ako tema automatski generira H1, nemojte ga ponavljati u sadržaju. Naslovi nisu samo za izgled, već za logički raspored – korisnik treba brzo shvatiti korake.

Prilagodite meta naslov i opis

Dodajte jedinstven meta title i meta description svakom postu. Title neka bude jasan (50-60 karaktera), opis neka u 140-155 karaktera sažeto objasni korist. Dodaci kao Jekyll SEO Tag mogu automatski generirati ove podatke, ali za ključne stranice preporučuje se ručna dorada.

Dodajte sitemap, robots.txt i RSS feed

Dodajte sitemap.xml, robots.txt i RSS feed radi boljeg indeksiranja. Sitemap pomaže pretraživačima otkriti vaše stranice, robots.txt daje upute, RSS feed pomaže vjernim čitateljima pratiti novosti. Ovi fajlovi su jednostavni, ali znatno poboljšavaju otkrivanje bloga.

Interno linkanje i tematske grupe

Pišite povezane postove oko glavne teme – npr. statičko kreiranje sajta, Git upotreba, Markdown tutorijal, podešavanje domene, DNS i SSL. Povežite ih međusobno – na Hostragons blogu iz ovog vodiča možete linkati na Šta je DNS?, Šta je SSL certifikat i Kako postaviti web stranicu radi boljeg korisničkog iskustva.

Pojačajte E-E-A-T signale

Umjesto općenitih fraza, dajte konkretne informacije – npr. navesti vrijeme instalacije: Osnovni GitHub Pages blog može biti online za 20-40 minuta ako imate Git i Ruby. Povezivanje domene i DNS propagacija traju od par minuta do 24h. Opišite koje fajlove provjeriti kod grešaka – to povećava praktičnu vrijednost sadržaja.

Povezivanje vlastite domene

GitHub Pages daje besplatan github.io adresu, ali za profesionalni dojam bolje je imati vlastiti domen – npr. umjesto korisnickoime.github.io, vašblog.com je lakše zapamtiti i jača brend. Vlastiti domen znači minimalni trošak, jer treba platiti godišnju registraciju. Ipak, to je dugoročno važno za SEO i povjerenje.

Domen povezujete tako što u repo settings upišete custom domain, ili dodate CNAME fajl u root. Na DNS-u apex domen koristi A zapis, www poddomena koristi CNAME. U svom DNS panelu provjerite da su zapisi ispravni. Ako domen upravljate preko Hostragons-a, upravljanje DNS-om i Upravljanje domenom vodiči olakšavaju proces.

GitHub Pages podržava HTTPS na custom domenama. Kad DNS zapisi prođu, uključite Enforce HTTPS. Za napredne SSL opcije na drugim infrastruktuama, pogledajte SSL certifikat sekciju.

Sigurnost, backup i održavanje

Statički sajtovi ne koriste bazu ni admin panel, pa su automatski zaštićeni od mnogih klasičnih web prijetnji. Ipak, nisu potpuno bez rizika – sigurnost vašeg GitHub naloga je sigurnost bloga. Koristite snažnu lozinku, uključite dvofaktorsku autentifikaciju i povremeno provjerite pristup repo-u. Ako koristite open-source temu, pratite je li repo ažuriran.

Za backup Git je odličan: svaki commit je istorija. Možete vratiti grešku na prethodnu verziju. Za kritične projekte, čuvajte lokalnu kopiju, GitHub repo i dodatni backup. Slike, dizajn i draftove redovno commitujte.

Praktični savjeti za performanse

GitHub Pages je brz, ali loša tema, velike slike i nepotreban JavaScript mogu usporiti sajt. 2026 standardi traže da stranica bude brza, stabilna na mobilnim uređajima i čitljiva. Kapak slike neka bude oko 200-300 KB. Velike screenshotove kompresujte, izbjegavajte animacije.

• Kompresujte slike prije objave.
• CSS i JS datoteke držite što manjima.
• Smanjite upotrebu eksternih widgeta i brojača.
• Izaberite temu s lazy loading podrškom.
• Testirajte izgled na mobilnim uređajima prije objave.

Statički sajtovi uglavnom koriste cache, pa se sadržaj brzo isporučuje. Ako planirate mnogo medija, optimizacija slika i kontrola veličine fajlova su ključne.

Najčešće greške i rješenja

Stranica prikazuje 404 grešku

Provjerite je li repo ime korisnickoime.github.io, je li branch ispravno postavljen u Pages, postoji li index fajl. Ako imate vlastiti domen, provjerite DNS zapise – propagacija može potrajati.

Jekyll build greška

Build greške su najčešće zbog pogrešnog YAML formata, datuma, navodnika, nekompatibilnog dodatka ili teme. Provjerite GitHub Actions ili Pages build log. Pogledajte front matter blok u datoteci gdje se greška javlja.

Post nije objavljen

Ako je datum u nazivu datoteke u budućnosti, Jekyll neće objaviti post. Provjerite da je datoteka u _posts mapi, da ima .md ekstenziju i da je front matter blok ispravno zatvoren.

Kada je bolje izabrati hosting umjesto GitHub Pages?

GitHub Pages je odličan besplatan start, ali ne pokriva sve potrebe. Ako blog raste i želite komentare, članstvo, forme, admin panel, oglašavanje, više autora, naprednu medijsku biblioteku ili e-trgovinu, klasični hosting je bolji izbor. WordPress i slični CMS-ovi olakšavaju objavu sadržaja ekipama bez tehničkog znanja.

Za poslovne projekte važni su podrška i vlasništvo. Kada imate problem, bitno je imati tehničku podršku, upravljati e-mailovima, backup i sigurnosnim alatima iz istog panela. Tada Web Hosting, Korporativni Hosting i WordPress hosting nude uravnoteženo rješenje.

Primjer plana objave: prvih 30 dana

Da biste poboljšali SEO novog Jekyll bloga, važno je redovno i planski objavljivati sadržaj. Prvih 30 dana fokus je na stabilnoj osnovi i konzistentnim postovima, ne na savršenom dizajnu. Prva sedmica – završite tehničku postavku, izaberite temu, napravite osnovne stranice. Druga sedmica – objavite 3-4 ključna vodiča. Treća sedmica – uredite interne linkove, sitemap i Search Console. Četvrta sedmica – ažurirajte stare postove i pratite performanse.

• Dan 1: kreiranje repozitorija, Jekyll instalacija, izbor teme
• Dan 2-3: priprema stranica O blogu, Kontakt, kategorije
• Dan 4-10: objava 3 detaljna blog posta
• Dan 11-20: interno linkanje, optimizacija slika, meta opisi
• Dan 21-30: Search Console provjera i ažuriranje sadržaja

Zaključak: moćan start za blog bez troškova

Blog uz GitHub Pages i Jekyll je izuzetno efikasno rješenje za one koji žele brz, siguran i besplatan način objave. Dobijate hosting bez troškova, automatski HTTPS, verzionisanje putem Git-a i performanse statičkog sajta. Za projekte koji traže dinamičke funkcije, admin panel ili profesionalnu podršku, klasični hosting je bolji izbor.

Ako želite objavljivati tehničke bilješke, portfolio i stručne tekstove uz minimalne troškove, možete već danas kreirati GitHub Pages repozitorij. Za domenu, DNS, SSL ili napredniji hosting, pogledajte Hostragons resurse i izaberite infrastrukturu prema potrebama vašeg projekta.

Česta pitanja

Je li blog putem GitHub Pages i Jekyll-a zaista besplatan?

Da, osnovni blog je besplatan – GitHub Pages hosting i Jekyll su open-source. Ako koristite github.io adresu, nema troška za domenu. Ako želite vlastitu domenu, jedini trošak je godišnja registracija.

Je li GitHub Pages blog dobar za SEO?

Da, uz pravilnu konfiguraciju veoma je pogodan za SEO. Brze statičke stranice, čist HTML, sitemap, meta opisi, responsivna tema i dobro interno linkanje donose dobre rezultate. Ipak, uspjeh zavisi i od kvaliteta i redovnog ažuriranja sadržaja.

Moram li biti programer za Jekyll?

Niste obavezno programer, ali osnovno znanje Git-a, Markdown-a i terminala znatno olakšava proces. Ako želite panel bez tehničkih zahtjeva, bolji izbor je WordPress ili slični CMS.

Može li se koristiti vlastita domena s GitHub Pages?

Da, moguće je povezati vlastiti domen. U repo settings definirate custom domain, na DNS-u upisujete potrebne A i CNAME zapise, nakon propagacije aktivirate HTTPS.

Za koje projekte GitHub Pages nije dovoljan?

Za članstvo, plaćanje, korpu, napredne forme, live bazu podataka, admin panel ili server-side kod, GitHub Pages nije dovoljan. Za te potrebe koristite web hosting, VPS ili WordPress hosting.