Ta vadnica vam bo pokazala, kako lahko nastavite preprost spletni dnevnik s pomočjo statičnega generatorja spletnih mest, ki je zelo hiter in enostaven za uporabo.
Kaj je SSG?
SSG ali Static Site Generator je spletna aplikacija, ki pretvori dinamično vsebino na spletni strani v statično, običajno shranjeno lokalno. Generatorji statičnih spletnih mest ne zahtevajo baz podatkov in zalednih datotek, s čimer se odpravlja potreba po učenju kodiranja. Osredotoča se predvsem na pisanje in predstavitev vsebine.
SSG vs. CMS
Najbolj priljubljen način za ustvarjanje spletnih mest in upravljanje vsebine je uporaba sistemov za upravljanje vsebin ali sistemov za upravljanje vsebin, kot so WordPress, Drupal, Joomla itd.
Sistemi za upravljanje vsebin delujejo tako, da ustvarjajo in upravljajo vsebine neposredno z interaktivnim vmesnikom. Ker se podatki v sistemu upravljanja vsebin pridobijo iz baze podatkov, so sistemi upravljanja vsebin zelo počasni, saj se vsebina pridobi in služi kot dinamična vsebina. Sistemi CMS so nagnjeni tudi k varnostnim ranljivostim, saj se za povečanje funkcionalnosti zanašajo na zunanje vtičnike, ki so jih napisali drugi razvijalci.
Po drugi strani pa statični generatorji spletnih mest delujejo tako, da ustvarjajo vsebine brez povezave, kot so urejevalniki besedil, in ob objavi upodabljajo končni pogled strani. Ker je vsebina lokalno upodobljena, brez potrebe po zbirki podatkov, se stran upodablja hitreje in hitrosti nalaganja so neverjetno hitre.
Generatorji statičnih spletnih mest so izdelani iz vnaprej sestavljene kode, ki deluje kot gonilo za upodabljanje objavljene vsebine.
Kako z Hexom ustvariti statični spletni dnevnik
Ena izmed priljubljenih odločitev za izdelavo statičnega spletnega mesta je Hexo.
Hexo je preprosta, hitra in zmogljiva aplikacija SSG, napisana v NodeJS. Čeprav obstajajo druge možnosti za izdelavo statičnega spletnega mesta, vam Hexo omogoča, da prilagodite svoje spletno mesto in vključite različna orodja.
Oglejmo si, kako lahko s Hexo nastavimo preprosto statično spletno mesto.
Nameščanje Hexo
Preden lahko izdelamo spletno mesto, moramo nastaviti zahteve za hexo in ga namestiti. Za to potrebujemo NodeJS in git.
Začnite s posodobitvijo sistema:
posodobitev sudo apt-getsudo apt-get nadgradnja
Ko posodobite sistem, namestite git
sudo apt-get install gitNato namestite nodejs iz nodesource z ukazom:
curl -sL https: // deb.nodesource.com / setup_14.x | sudo -E bash -apt-get install -y nodejs
Ko namestite Nodejs, lahko nadaljujemo z namestitvijo hexo z ukazom:
npm namestite -g hexo-cliSodelovanje s Hexom
Ko namestite hexo, lahko ustvarite spletno mesto in objavite vsebino. Oglejmo si, kako delati s Hexom. Upoštevajte, da je to hiter in preprost vodnik. Za več informacij glejte dokumentacijo.
Izdelava spletnega mesta
Če želite ustvariti novo spletno mesto hexo, uporabite spodnji ukaz:
hexo init HexoSitecd HexoSite
npm namestite
Razumevanje strukture imenika Hexo
Ko inicializirate novo spletno mesto Hexo, boste dobili strukturo imenikov, kot je spodaj:
-rw-r - r-- 1 cs cs 0 8. februar 20:51 _config.pokrajina.yml-rw-r - r-- 1 cs cs 2439 8. februar 20:51 _config.yml drwxr-xr-x 1 cs cs 4096 8. februar 20:51 node_modules
-rw-r - r-- 1 cs cs 615 8. februar 20:51 paket.json
-rw-r - r-- 1 cs cs 56716 8. februar 20:51 zaklepanje paketov.json drwxr-xr-x 1 cs cs 4096 8. februar 20:51 odri drwxr-xr-x 1 cs cs 4096 8. februar 20:51 vir drwxr-xr-x 1 cs cs 4096 8. februar 20:51 teme
Prva datoteka je _config.yml vsebuje vse nastavitve za vaše spletno mesto. Pred uvedbo spletnega mesta ga spremenite, ker bo vseboval privzete vrednosti.
Naslednja datoteka je paket.json, ki vsebuje podatke in konfiguracije aplikacije NodeJS. Tu boste našli nameščene pakete in njihove različice.
Več o paketu lahko izveste.json s spodnje strani z viri:
https: // docs.npmjs.com / cli / v6 / configuring-npm / package-json
Ustvarjanje spletnega dnevnika
Če želite ustvariti preprost spletni dnevnik v hexo, uporabite ukaz:
hexo nov spletni dnevnik "Hello World Blog"Ko je datoteka ustvarjena, jo lahko vpišete v imenik / source / _posts. Za pisanje vsebine boste morali uporabiti označevalni jezik Markdown.
Ustvarjanje nove strani
Ustvarjanje strani v Hexoju je preprosto; uporabite ukaz:
hexo nova stran “Stran-2”Vir strani se nahaja pod / source / Page-2 / index.md
Ustvarjanje in prikazovanje vsebin
Ko objavite svojo vsebino na hexo, boste morali zagnati aplikacijo za generiranje statične vsebine.
Uporabite spodnje ukaze:
$ hexo ustvariINFO Preverjanje konfiguracije
INFO Začni obdelavo
INFO Datoteke naložene v 966 ms
Ustvarjeno INFO: arhivi / kazalo.html
Ustvarjeno INFO: Stran-2 / kazalo.html
INFO Ustvarjeno: arhivi / 2021 / kazalo.html
Ustvarjeno INFO: indeks.html
INFO Ustvarjeno: arhivi / 2021/02 / kazalo.html
INFO Ustvarjeno: js / script.js
INFO ustvarjeno: fancybox / jquery.fancybox.min.css
INFO Ustvarjeno: 2021/02/08 / Hello-World-Post / index.html
INFO ustvarjeno: css / style.css
INFO Ustvarjeno: 2021/02/08 / hello-world / index.html
Ustvarjeno INFO: css / font / FontAwesome.otf
INFO Ustvarjeno: css / font / fontawesome-webfont.woff
INFO Ustvarjeno: css / font / fontawesome-webfont.eot
INFO ustvarjeno: fancybox / jquery.fancybox.min.js
INFO Ustvarjeno: css / font / fontawesome-webfont.woff2
Ustvarjeno INFO: js / jquery-3.4.1.min.js
INFO Ustvarjeno: css / font / fontawesome-webfont.ttf
Ustvarjeno INFO: css / images / banner.jpg
INFO Ustvarjeno: css / font / fontawesome-webfont.svg
INFO 19 datotek, ustvarjenih v 2.08 s
Če želite služiti aplikaciji, zaženite ukaz:
$ hexo server INFO Preverjanje konfiguracije INFO Začni obdelavo INFO Hexo se izvaja na http: // localhost: 4000 . Pritisnite Ctrl + C, da se ustavite.Zaključek
Ta hiter in preprost uvod vam je pokazal, kako uporabljati statično spletno mesto Hexo. Če potrebujete več informacij o delu s Hexo, si oglejte spodnjo glavno dokumentacijo:
https: // hexo.io / dokumenti