Ovaj vodič će vam pokazati kako možete postaviti jednostavan blog pomoću statičnog generatora web stranica koji je vrlo brz i jednostavan za upotrebu.
Što je SSG?
SSG ili Static Site Generator, web je aplikacija koja dinamički sadržaj na web stranici pretvara u statički sadržaj koji se obično pohranjuje lokalno. Generatori statičkih web lokacija ne zahtijevaju baze podataka i pozadinske baze, čime eliminiraju potrebu za učenjem kodiranja. Uglavnom se fokusira na pisanje i predstavljanje sadržaja.
SSG vs. CMS
Najpopularniji način za stvaranje web stranica i upravljanje sadržajem je korištenje CMS-a ili sustava za upravljanje sadržajem kao što su WordPress, Drupal, Joomla itd.
CMS sustavi djeluju stvaranjem i upravljanjem sadržajem izravno pomoću interaktivnog sučelja. Budući da se podaci u CMS-u preuzimaju iz baze podataka, CMS-ovi su vrlo spori jer se sadržaj dohvaća i služi kao dinamički sadržaj. CMS sustavi su također skloni sigurnosnim ranjivostima jer se za povećanje funkcionalnosti oslanjaju na vanjske dodatke koje su napisali drugi programeri.
S druge strane, statički generatori web stranica rade stvaranjem izvanmrežnih medija kao što su uređivači teksta i nakon objavljivanja prikazuju konačni prikaz stranice. Budući da se sadržaj lokalno prikazuje, bez potrebe za bazom podataka, stranica se prikazuje brže, a brzine učitavanja nevjerojatno su brze.
Generatori statičkih web stranica izrađeni su od unaprijed kompiliranog koda koji djeluje kao pokretač prikazivanja objavljenog sadržaja.
Kako izraditi statični blog s Hexom
Hexo je jedan od popularnih izbora za izgradnju statičkog mjesta.
Hexo je jednostavna, brza i moćna SSG aplikacija napisana u NodeJS-u. Iako postoje i drugi izbori za izradu statičkog web mjesta, Hexo vam omogućuje prilagodbu vašeg web mjesta i integriranje različitih alata.
Pogledajmo kako s Hexom možemo postaviti jednostavno statično mjesto.
Instaliranje Hexo-a
Da bismo mogli izraditi web mjesto, moramo postaviti hexo zahtjeve i instalirati ga. Za to su nam potrebni NodeJS i git.
Započnite ažuriranjem sustava:
sudo apt-get ažuriranjesudo apt-get nadogradnja
Nakon što ažurirate sustav, instalirajte git
sudo apt-get instalirati gitZatim instalirajte nodejs iz nodesourcea pomoću naredbe:
curl -sL https: // deb.izvor čvora.com / setup_14.x | sudo -E bash -apt-get install -y nodejs
Nakon što instalirate Nodejs, možemo nastaviti instalirati hexo pomoću naredbe:
npm instaliraj -g hexo-cliRad s Hexom
Nakon što instalirate hexo, možete stvoriti web mjesto i objaviti sadržaj. Pogledajmo kako raditi s Hexom. Imajte na umu da je ovo brz i jednostavan vodič. Pogledajte dokumentaciju da biste saznali više.
Izrada web stranice
Da biste stvorili novo hexo mjesto, upotrijebite naredbu u nastavku:
hexo init HexoSitecd HexoSite
npm instalirati
Razumijevanje strukture Hexo direktorija
Jednom kada inicijalizirate novu Hexo stranicu, dobit ćete strukturu direktorija poput one u nastavku:
-rw-r - r-- 1 cs cs 0 8. veljače 20:51 _config.krajolik.yml-rw-r - r-- 1 cs cs 2439 8. veljače 20:51 _config.yml drwxr-xr-x 1 cs cs 4096 8. veljače 20:51 node_modules
-rw-r - r-- 1 cs cs 615 8. veljače 20:51 paket.json
-rw-r - r-- 1 cs cs 56716 8. veljače 20:51 zaključavanje paketa.json drwxr-xr-x 1 cs cs 4096 8. veljače 20:51 skele drwxr-xr-x 1 cs cs 4096 8. veljače 20:51 izvor drwxr-xr-x 1 cs cs 4096 8. veljače 20:51 teme
Prva datoteka je _config.yml sadrži sve postavke za vaše web mjesto. Obavezno ga izmijenite prije postavljanja web stranice jer će sadržavati zadane vrijednosti.
Sljedeća datoteka je paket.json datoteka koja sadrži podatke i konfiguracije aplikacije NodeJS. Ovdje ćete pronaći instalirane pakete i njihove verzije.
Možete saznati više o paketu.json sa donje stranice resursa:
https: // docs.npmjs.com / cli / v6 / configuring-npm / package-json
Izrada bloga
Da biste stvorili jednostavan blog na hexo-u, upotrijebite naredbu:
hexo novi blog "Hello World Blog"Jednom stvorenu datoteku označavanja možete podnijeti u direktorij / source / _posts. Za pisanje sadržaja trebat ćete koristiti označni jezik Markdown.
Izrada nove stranice
Stvaranje stranice u Hexo-u je jednostavno; upotrijebite naredbu:
hexo nova stranica “Stranica-2”Izvor stranice nalazi se pod / source / Page-2 / index.doktor medicine
Generiranje i posluživanje sadržaja
Nakon što objavite svoj sadržaj na hexo-u, morat ćete pokrenuti aplikaciju da biste generirali statički sadržaj.
Upotrijebite naredbe u nastavku:
$ hexo generiratiINFO Provjera konfiguracije
INFO Započnite obradu
INFO Datoteke učitane za 966 ms
INFO Generirano: arhive / indeks.html
INFO generirano: Stranica-2 / indeks.html
INFO Generirano: arhiva / 2021 / indeks.html
INFO generirano: indeks.html
INFO Generirano: arhiva / 2021/02 / indeks.html
INFO Generirano: js / script.js
INFO Generirano: fancybox / jquery.fancybox.min.css
INFO Generirano: 2021/02/08 / Hello-World-Post / index.html
INFO generirano: css / style.css
INFO Generirano: 2021/02/08 / hello-world / index.html
INFO generirano: css / fontovi / FontAwesome.otf
INFO Generirano: css / fontovi / fontawesome-webfont.woff
INFO Generirano: css / fontovi / fontawesome-webfont.eot
INFO Generirano: fancybox / jquery.fancybox.min.js
INFO Generirano: css / fontovi / fontawesome-webfont.woff2
INFO Generirano: js / jquery-3.4.1.min.js
INFO Generirano: css / fontovi / fontawesome-webfont.ttf
INFO generirano: css / images / banner.jpg
INFO Generirano: css / fontovi / fontawesome-webfont.svg
INFO 19 datoteka generiranih u 2.08 s
Da biste poslužili aplikaciji, pokrenite naredbu:
$ hexo server INFO Provjera valjanosti konfiguracije INFO Započni obradu INFO Hexo je pokrenut na http: // localhost: 4000 . Pritisnite Ctrl + C da biste zaustavili.Zaključak
Ovaj brz i jednostavan uvod pokazao vam je kako koristiti Hexo statičko mjesto. Ako su vam potrebne dodatne informacije o radu s Hexom, pogledajte glavnu dokumentaciju koja je navedena u nastavku:
https: // hexo.io / dokumenti