Kuidas luua Hexo staatilise saidigeneraatoriga lihtsat ajaveebi

Tänapäeval on veebisaidid teabe ehituskivid. Alates ettevõtlusest, e-kaubandusest, sotsiaalsetest veebisaitidest kuni lihtsate ajaveebideni, võimaldavad veebisaidid inimestel ideid ja mõtteid jagada.

See õpetus näitab teile, kuidas saate staatilise saidigeneraatori abil luua lihtsa ajaveebi, mis on väga kiire ja hõlpsasti kasutatav.

Mis on SSG?

SSG ehk Static Site Generator on veebirakendus, mis teisendab veebilehe dünaamilise sisu staatiliseks sisuks, mida tavaliselt hoitakse kohapeal. Staatiliste saitide generaatorid ei vaja andmebaase ja taustaprogramme, mistõttu puudub vajadus õppida kodeerima. See keskendub peamiselt sisu kirjutamisele ja esitamisele.

SSG vs. CMS

Kõige populaarsem viis veebisaitide loomiseks ja sisu haldamiseks on CMS-i või sisuhaldussüsteemide kasutamine, näiteks WordPress, Drupal, Joomla jne.

CMS-süsteemid töötavad sisu loomise ja haldamisega otse interaktiivse liidese abil. Kuna CMS-i andmed saadakse andmebaasist, on CMS-id väga aeglased, kuna sisu tuuakse ja esitatakse dünaamilise sisuna. CMS-süsteemid on altid ka turvanõrkustele, kuna need toetuvad funktsionaalsuse suurendamiseks teiste arendajate kirjutatud välistele pistikprogrammidele.

Seevastu staatilised saidigeneraatorid töötavad võrguühenduseta meediumite, näiteks tekstiredaktorite, loomisega ja renderdavad avaldamisel viimase lehevaate. Kuna sisu on kohapeal renderdatud, ilma et oleks vaja andmebaasi, renderdatakse leht kiiremini ja laadimiskiirused on uskumatult suured.

Staatilised saidigeneraatorid on valmistatud eelnevalt koostatud koodist, mis toimib avaldatud sisu renderdamise mootorina.

Hexoga staatilise ajaveebi koostamine

Staatilise saidi ehitamise üks populaarsemaid valikuid on Hexo.

Hexo on lihtne, kiire ja võimas SSG-rakendus, mis on kirjutatud NodeJS-is. Ehkki staatilise saidi loomiseks on ka teisi valikuid, võimaldab Hexo teil oma saiti kohandada ja integreerida erinevaid tööriistu.

Vaatame, kuidas saaksime Hexoga lihtsa staatilise saidi üles seada.

Hexo installimine

Enne saidi ehitamist peame seadma hekso nõuded ja installima. Selleks vajame NodeJS-i ja git-i.

Alustage oma süsteemi värskendamisest:

sudo apt-get värskendus
sudo apt-get uuendus

Kui olete oma süsteemi ajakohane, installige git

sudo apt-get install git

Järgmisena installige nodejs sõlmpunktist käsuga:

lokkima -sL https: // deb.sõlmeallikas.com / setup_14.x | sudo -E bash -
apt-get install -y nodejs

Kui Nodejs on installitud, saame jätkata hekso installimist käsuga:

npm installige -g hexo-cli

 Töö Hexoga

Kui olete hexo installinud, saate saidi luua ja sisu avaldada. Vaatame, kuidas Hexoga töötada. Pidage meeles, et see on kiire ja lihtne juhend. Lisateabe saamiseks lugege dokumentatsiooni.

Saidi loomine

Uue heksosaidi loomiseks kasutage allolevat käsku:

hexo init HexoSite
cd HexoSite
npm install

Hexo kataloogi struktuuri mõistmine

Kui olete uue Hexo saidi initsialiseerinud, saate kataloogistruktuuri nagu allpool:

-rw-r - r-- 1 cs cs 0 8. veebruar 20:51 _config.maastik.yml
-rw-r - r-- 1 cs cs 2439 8. veebruar 20:51 _config.yml drwxr-xr-x 1 cs cs 4096 8. veebruar 20:51 sõlme_moodulid
-rw-r - r-- 1 cs cs 615 8. veebruar 20:51 pakett.json
-rw-r - r-- 1 cs cs 56716 8. veebruar 20:51 package-lock.json drwxr-xr-x 1 cs cs 4096 8. veebruar 20:51 tellingud drwxr-xr-x 1 cs cs 4096 8. veebruar 20:51 allikas drwxr-xr-x 1 cs cs 4096 8. veebruar 20:51 teemad

Esimene fail on _config.yml sisaldab kõiki teie saidi seadeid. Enne saidi juurutamist muutke seda kindlasti, kuna see sisaldab vaikeväärtusi.

Järgmine fail on pakett.jsoni fail, mis sisaldab rakenduse NodeJS andmeid ja konfiguratsioone. Siit leiate installitud paketid ja nende versioonid.

Pakendi kohta saate lisateavet.json allolevalt ressursside lehelt:

https: // docs.npmjs.com / cli / v6 / configuring-npm / package-json

Blogi loomine

Hexos lihtsa ajaveebi loomiseks kasutage käsku:

hekso uus ajaveeb "Tere maailma ajaveeb"

Pärast loomist saate märgistusfaili kataloogi / source / _posts kataloogi lisada. Sisu kirjutamiseks peate kasutama Markdown märgistuskeelt.

Uue lehe loomine

Hexos lehe loomine on lihtne; kasuta käsku:

hekso uus leht “Leht-2”

Lehe allikas asub kataloogis / source / Page-2 / index.md

Sisu genereerimine ja esitamine

Kui olete oma sisu hexos avaldanud, peate staatilise sisu loomiseks rakenduse käivitama.

Kasutage allolevaid käske:

$ hexo genereerimine
INFO Konfiguratsiooni kinnitamine
INFO Alustage töötlemist
INFO Failid laaditi 966 ms jooksul
INFO loodud: arhiivid / register.HTML
INFO loodud: leht-2 / register.HTML
INFO loodud: arhiiv / 2021 / register.HTML
INFO loodud: register.HTML
INFO loodud: arhiiv / 2021/02 / register.HTML
INFO loodud: js / skript.js
INFO loodud: fancybox / jquery.väljamõeldud kast.min.css
INFO loodud: 2021/02/08 / Tere-Maailma-Post / register.HTML
INFO loodud: css / stiil.css
INFO loodud: 2021/02/08 / tere-maailm / register.HTML
INFO loodud: css / fonts / FontAwesome.otf
INFO loodud: css / fonts / fontawesome-webfont.woff
INFO loodud: css / fonts / fontawesome-webfont.eot
INFO loodud: fancybox / jquery.väljamõeldud kast.min.js
INFO loodud: css / fonts / fontawesome-webfont.woff2
INFO loodud: js / jquery-3.4.1.min.js
INFO loodud: css / fonts / fontawesome-webfont.ttf
INFO loodud: css / images / banner.jpg
INFO loodud: css / fonts / fontawesome-webfont.svg
INFO 19 faili, mis on loodud 2-s.08 s

Rakenduse teenimiseks käivitage käsk:

$ hexo server INFO Konfigureerimise valideerimine INFO Alusta INFO töötlemist Hexo töötab aadressil http: // localhost: 4000 . Peatamiseks vajutage klahvikombinatsiooni Ctrl + C.

 Järeldus

See kiire ja lihtne sissejuhatus on näidanud, kuidas Hexo staatilist saiti kasutada. Kui vajate Hexoga töötamise kohta lisateavet, lugege palun allpool toodud peamist dokumentatsiooni:

https: // hekso.io / docs