Hvordan bygge en enkel blogg med Hexo Static Site Generator

I moderne tid er nettsteder byggesteinene med informasjon. Fra foretak, netthandel, sosiale nettsteder til enkle blogger, nettsteder lar folk dele ideer og tanker.

Denne opplæringen vil vise deg hvordan du kan sette opp en enkel blogg ved hjelp av en statisk nettstedgenerator som er veldig rask og enkel å bruke.

Hva er en SSG?

SSG, eller statisk nettstedgenerator, er en webapplikasjon som konverterer det dynamiske innholdet på en webside til statisk innhold som vanligvis er lagret lokalt. Statiske nettstedgeneratorer krever ikke databaser og backends, og eliminerer dermed behovet for å lære å kode. Det fokuserer hovedsakelig på å skrive og presentere innholdet.

Ssg vs. CMS

Den mest populære måten å lage nettsteder og administrere innhold er å bruke CMS eller innholdsstyringssystemer som WordPress, Drupal, Joomla, etc.

CMS -systemer fungerer ved å lage og administrere innhold direkte ved hjelp av et interaktivt grensesnitt. Siden data i en CMS hentes fra databasen, er CMS -er veldig trege ettersom innholdet hentes og serveres som dynamisk innhold. CMS -systemer er også utsatt for sikkerhetssårbarheter, da de er avhengige av eksterne plugins skrevet av andre utviklere for å øke funksjonaliteten.

På den annen side fungerer statiske nettstedsgeneratorer ved å lage innhold offline medier som tekstredaktører og gjengir den endelige sidevisningen etter publisering. Siden innholdet er lokalt gjengitt, uten behov for en database, gjengir siden raskere, og belastningshastigheter er utrolig raske.

Statiske nettstedgeneratorer er laget av forhåndskompilert kode som fungerer som en motor for å gjengi det publiserte innholdet.

Hvordan bygge en statisk blogg med Hexo

Et av de populære valgene for å bygge et statisk nettsted er Hexo.

Hexo er en enkel, rask og kraftig SSG -applikasjon skrevet i NodeJS. Selv om det er andre valg for å bygge et statisk nettsted, lar Hexo deg tilpasse nettstedet ditt og integrere forskjellige verktøy.

La oss se på hvordan vi kan sette opp et enkelt statisk nettsted med Hexo.

Installere Hexo

Før vi kan bygge et nettsted, må vi sette opp Hexo -krav og installere det. For dette krever vi nodejs og git.

Begynn med å oppdatere systemet ditt:

sudo apt-get oppdatering
sudo apt-get oppgradering

Når du har systemet ditt oppdatert, kan du installere git

sudo apt-get install git

Deretter installer NodeJs fra Nodesource ved å bruke kommandoen:

Curl -sl https: // Deb.Nodesource.com/setup_14.x | sudo -e bash -
apt -get install -y nodejs

Når du har installert NodeJs, kan vi fortsette å installere Hexo ved å bruke kommandoen:

npm install -g hekso -cli

Arbeider med Hexo

Når du har installert Hexo, kan du opprette et nettsted og publisere innhold. La oss se på hvordan vi skal jobbe med Hexo. Husk at dette er en rask, enkel guide. Henvis til dokumentasjonen for å lære mer.

Opprette et nettsted

For å opprette et nytt Hexo -nettsted, bruk kommandoen nedenfor:

Hexo init heksositt
CD -heksositt
NPM installasjon

Forståelse av hexo katalogstruktur

Når du initialiserer et nytt Hexo -nettsted, vil du få en katalogstruktur som den nedenfor:

-RW-R-R-- 1 CS CS 0 feb 8 20:51 _CONFIG.landskap.yml
-RW-R-R-- 1 CS CS 2439 8 20:51 _Config.YML DRWXR-XR-X 1 CS CS 4096 8 20:51 Node_Modules
-RW-R-R-- 1 CS CS 615 8 20:51 Pakke.JSON
-RW-R-R-- 1 CS CS 56716 8 20:51 Pakkelås.JSON DRWXR-XR-X 1 CS CS 4096 FEB 8 20:51 Stillaser DRWXR-XR-X 1 CS CS 4096 8 20:51 Kilde DRWXR-XR-X 1 CS CS 4096 FEB 8 20:51 Temaer

Den første filen er _config.YML inneholder alle innstillingene for nettstedet ditt. Forsikre deg om å endre det før du distribuerer nettstedet ditt fordi det vil inneholde standardverdier.

Neste fil er pakken.JSON -fil som inneholder NodeJS -applikasjonsdata og konfigurasjoner. Her finner du installerte pakker og deres versjoner.

Du kan lære mer om pakken.JSON fra ressurssiden nedenfor:

https: // dokumenter.npmjs.com/cli/v6/konfigurering-npm/package-json

Opprette en blogg

For å lage en enkel blogg i Hexo, bruk kommandoen:

Hexo ny blogg "Hello World Blog"

Når du er opprettet, kan du sende inn Markdown -filen under /kilde /_posts -katalogen. Du må bruke Markdown Markup -språk for å skrive innhold.

Opprette en ny side

Å lage en side i Hexo er enkelt; Bruk kommandoen:

Hexo Ny side “Side-2”

Sidekilden er lokalisert under/kilde/side-2/indeks.MD

Generere og servere innhold

Når du har publisert innholdet ditt på Hexo, må du kjøre applikasjonen for å generere det statiske innholdet.

Bruk kommandoene nedenfor:

$ hexo generere
Info som validerer konfigurasjon
Info start behandlingen
Info -filer lastet inn 966 ms
Info generert: Arkiv/indeks.html
Info generert: side-2/indeks.html
Info generert: Arkiv/2021/indeks.html
Info generert: indeks.html
Info generert: Arkiv/2021/02/indeks.html
Info generert: js/manus.JS
Info generert: fancybox/jQuery.fancybox.min.CSS
Info generert: 2021/02/08/Hello-World-Post/Index.html
Info generert: CSS/Style.CSS
Info generert: 2021/02/08/Hello-World/Index.html
Info generert: CSS/skrifter/fontawesome.OTF
Info generert: CSS/Fonter/Fontawesome-Webfont.woff
Info generert: CSS/Fonter/Fontawesome-Webfont.eot
Info generert: fancybox/jQuery.fancybox.min.JS
Info generert: CSS/Fonter/Fontawesome-Webfont.woff2
Info generert: JS/jQuery-3.4.1.min.JS
Info generert: CSS/Fonter/Fontawesome-Webfont.ttf
Info generert: CSS/bilder/banner.jpg
Info generert: CSS/Fonter/Fontawesome-Webfont.svg
Info 19 filer generert i 2.08 s

For å betjene søknaden, kjør kommandoen:

$ hexo serverinfo som validerer konfigurasjonsinfo start behandlingsinfo hexo kjører på http: // localhost: 4000 . Trykk CTRL+C for å stoppe.

Konklusjon

Denne raske og enkle introduksjonen har vist deg hvordan du bruker det statiske nettstedet Hexo. Hvis du trenger mer informasjon om hvordan du jobber med Hexo, kan du se hoveddokumentasjonen nedenfor:

https: // hexo.IO/Docs