Ši pamoka parodys, kaip galite sukurti paprastą tinklaraštį naudodami statinį svetainių generatorių, kuris yra labai greitas ir paprastas naudoti.
Kas yra SSG?
SSG arba „Static Site Generator“ yra žiniatinklio programa, konvertuojanti dinaminį tinklalapio turinį į statinį, paprastai saugomą vietoje. Statinių svetainių generatoriams nereikia duomenų bazių ir antrinių programų, todėl nebereikia mokytis koduoti. Daugiausia dėmesio skiriama turinio rašymui ir pristatymui.
SSG vs. TVS
Populiariausias svetainių kūrimo ir turinio valdymo būdas yra TVS ar turinio valdymo sistemos, tokios kaip „WordPress“, „Drupal“, „Joomla“ ir kt.
TVS sistemos veikia kuriant ir tvarkant turinį tiesiogiai naudojant interaktyvią sąsają. Kadangi duomenys TVS yra gaunami iš duomenų bazės, TVS yra labai lėti, nes turinys yra gaunamas ir pateikiamas kaip dinaminis turinys. TVS sistemos taip pat yra linkusios į saugumo spragas, nes jos remiasi kitų kūrėjų parašytais išoriniais papildiniais, kad padidintų funkcionalumą.
Kita vertus, statinių svetainių generatoriai dirba kurdami turinį neprisijungus prie interneto, pvz., Teksto redaktorius, ir paskelbdami paskelbia galutinį puslapio vaizdą. Kadangi turinys pateikiamas vietoje, nereikia duomenų bazės, puslapis pateikiamas greičiau, o įkrovimo greitis yra neįtikėtinai greitas.
Statiniai svetainių generatoriai yra pagaminti iš anksto sukompiliuoto kodo, kuris veikia kaip variklis paskelbtam turiniui pateikti.
Kaip sukurti statinį tinklaraštį su „Hexo“
Vienas iš populiariausių statinės svetainės kūrimo pasirinkimų yra „Hexo“.
„Hexo“ yra paprasta, greita ir galinga SSG programa, parašyta „NodeJS“. Nors kuriant statinę svetainę yra ir kitų pasirinkimų, „Hexo“ leidžia tinkinti savo svetainę ir integruoti įvairius įrankius.
Pažvelkime, kaip mes galime sukurti paprastą statinę svetainę naudodami „Hexo“.
„Hexo“ diegimas
Kad galėtume sukurti svetainę, turime nustatyti šešiakampius reikalavimus ir juos įdiegti. Tam mums reikalingas „NodeJS“ ir „git“.
Pirmiausia atnaujinkite savo sistemą:
sudo apt-get atnaujinimassudo apt-get atnaujinimas
Kai atnaujinsite sistemą, įdiekite „git“
sudo apt-get install gitTada įdiekite nodejs iš nodesource naudodami komandą:
garbanos -sL https: // deb.mazgo šaltinis.com / setup_14.x | sudo -E bash -apt-get install -y nodejs
Įdiegę „Nodejs“, galime tęsti diegti „hexo“ naudodami komandą:
npm įdiegti -g hexo-cliDarbas su Hexo
Įdiegę „hexo“, galite sukurti svetainę ir paskelbti turinį. Pažvelkime, kaip dirbti su „Hexo“. Atminkite, kad tai yra greitas ir paprastas vadovas. Norėdami sužinoti daugiau, žiūrėkite dokumentaciją.
Svetainės kūrimas
Norėdami sukurti naują „hexo“ svetainę, naudokite toliau pateiktą komandą:
hexo init HexoSiteCD „HexoSite“
npm įdiegti
Suprasti „Hexo Directory“ struktūrą
Inicijavę naują „Hexo“ svetainę, gausite tokią katalogų struktūrą, kokia yra žemiau:
-rw-r - r-- 1 cs cs 0 vasario 8 d. 20:51 _config.peizažas.yml-rw-r - r-- 1 cs cs 2439 8 vasario 20:51 _config.yml drwxr-xr-x 1 cs cs 4096 vasario 8 d. 20:51 mazgo_moduliai
-rw-r - r-- 1 cs cs 615 8 vasario 20:51 paketas.Json
-rw-r - r-- 1 cs cs 56716 8 vasario 20:51 „pack-lock“.json drwxr-xr-x 1 cs cs 4096 vasario 8 20:51 pastoliai drwxr-xr-x 1 cs cs 4096 vasario 8 20:51 šaltinis drwxr-xr-x 1 cs cs 4096 vasario 8 20:51 temos
Pirmasis failas yra _config.yml yra visi jūsų svetainės nustatymai. Prieš diegdami svetainę įsitikinkite, kad ją modifikavote, nes joje bus numatytosios vertės.
Kitas failas yra paketas.„Json“ failas, kuriame yra „NodeJS“ programos duomenys ir konfigūracijos. Čia rasite įdiegtus paketus ir jų versijas.
Galite sužinoti daugiau apie paketą.json iš žemiau esančio išteklių puslapio:
https: // docs.npmjs.com / cli / v6 / configuring-npm / package-json
Tinklaraščio kūrimas
Norėdami sukurti paprastą tinklaraštį „hexo“ formatu, naudokite komandą:
naujas „hexo“ tinklaraštis „Hello World Blog“Sukūrę žymėjimo failą galite paduoti kataloge / source / _posts. Turėsite naudoti turinio žymėjimo kalbą Markdown.
Naujo puslapio kūrimas
Sukurti puslapį „Hexo“ yra paprasta; naudokite komandą:
naujas „hexo“ puslapis „2 puslapis“Puslapio šaltinis yra / source / Page-2 / index.md
Turinio generavimas ir aptarnavimas
Paskelbę savo turinį „hexo“, turėsite paleisti programą, kad sugeneruotumėte statinį turinį.
Naudokite toliau pateiktas komandas:
$ hexo generuotiINFO Patvirtinama konfigūracija
INFO Pradėti apdoroti
INFO Failai įkelti per 966 ms
INFO sukurta: archyvai / rodyklė.HTML
INFO sukurta: 2 puslapis / rodyklė.HTML
INFO sukurta: archyvai / 2021 / rodyklė.HTML
INFO sukurta: rodyklė.HTML
INFO sukurta: archyvai / 2021/02 / rodyklė.HTML
INFO sukurta: js / scenarijus.js
INFORMACIJA Sukurta: fancybox / jquery.fantazijos dėžutė.min.css
INFO sukurta: 2021/02/08 / Hello-World-Post / index.HTML
INFO sukurta: css / style.css
INFO sukurta: 2021/02/08 / labas-pasaulis / rodyklė.HTML
INFO sukurta: css / fonts / FontAwesome.otf
INFO sukurta: css / fonts / fontawesome-webfont.woff
INFO sukurta: css / fonts / fontawesome-webfont.eot
INFORMACIJA Sukurta: fancybox / jquery.fantazijos dėžutė.min.js
INFO sukurta: css / fonts / fontawesome-webfont.woff2
INFO sukurta: js / jquery-3.4.1.min.js
INFO sukurta: css / fonts / fontawesome-webfont.ttf
INFO sukurta: css / images / banner.JPG
INFO sukurta: css / fonts / fontawesome-webfont.svg
INFO 19 failai sugeneruoti 2.08 s
Norėdami aptarnauti programą, paleiskite komandą:
$ hexo serveris INFO Patvirtinamas konfigūravimas INFO Pradėti apdoroti INFO „Hexo“ veikia šiuo adresu: http: // localhost: 4000 . Norėdami sustabdyti, paspauskite „Ctrl“ + C.Išvada
Šis greitas ir paprastas įvadas parodė, kaip naudotis „Hexo“ statine svetaine. Jei jums reikia daugiau informacijos apie tai, kaip dirbti su „Hexo“, skaitykite toliau pateiktą pagrindinę dokumentaciją:
https: // hexo.io / docs