Hoe maak je een blog met Hugo

• Invoering
• Vereisten
• Stap 1: Installeer het Hugo-programma
• Stap 2: Bouw uw site
• Stap 3: Installeer thema's uit de Hugo-repository
• Stap 4: Breng enkele basisconfiguratiewijzigingen aan
• Stap 5: Stel uw inhoud samen
• Stap 6: Pas uw inhoud aan met de Hugo-server
• Stap 7: Publiceer uw site

Invoering

Hugo is een statische sitegenerator met een razendsnelle weergavesnelheid en uitstekend gebruiksgemak. Dankzij alle inhoudsgerichte functies kunt u zich altijd concentreren op het maken van inhoud in plaats van het bouwen van de omgeving:

• Met Hugo kunt u binnen enkele minuten een draaiende, overal statische site bouwen zonder vervelende afhankelijkheden of databases.
• U kunt uw inhoud samenstellen in Markdown, de handigste schrijfstijl, en direct de wijzigingen zien die u op internet heeft aangebracht.
• Bovendien kunt u optimaal profiteren van Hugo's welvarende thema-opslagplaats en snelgroeiende community.

In deze tutorial laat ik je zien hoe je Hugo installeert en gebruikt om een ​​statische blogsite te bouwen op een CentOS-gebaseerde Vultr LEMP-serverinstantie.

Vereisten

Log in op uw instantie als een niet-rootgebruiker met sudo-rechten. In dit artikel leest u hoe u zo'n gebruiker kunt maken .

Stap 1: Installeer het Hugo-programma

Hugo kan op bijna alle reguliere platforms worden geïnstalleerd. Voor CentOS hoeft u alleen maar het nieuwste programmabestand in een .tar.gzarchief te downloaden en het uit te pakken op een handige locatie. Op het moment van schrijven is de nieuwste versie 0.15.

sudo yum update -y
sudo yum install git -y
cd ~
wget https://github.com/spf13/hugo/releases/download/v0.15/hugo_0.15_linux_amd64.tar.gz
tar -zxvf hugo_0.15_linux_amd64.tar.gz
sudo mv hugo_0.15_linux_amd64/hugo_0.15_linux_amd64 /usr/local/bin/hugo

Test uw installatie met de volgende opdracht:

 hugo version

Stap 2: Bouw uw site

Met Hugo kunt u uw site vanuit elke map op uw server bouwen. Hier heb ik een site gebouwd in de directory mysite/onder mijn homedirectory.

cd ~
hugo new site ~/mysite

Voer de volgende opdrachten uit om de architectuur van de site te zien:

cd mysite
ls -lF

Zoals je ziet, lijkt de huidige architectuur van de site op:

archetypen /

config.toml

inhoud/

gegevens/

indelingen /

statisch/

Met nog twee aan te maken mappen themes/en public/de hele architectuur van een Hugo-site is compact en toch uitgebreid.

Weet als starter dat uw inhoud in de directory moet worden opgeslagen content/.

Stap 3: Installeer thema's uit de Hugo-repository

Voer de volgende opdrachten uit om alle thema's uit de Hugo-repository te installeren. Deze zullen een map maken met de naam themes/in uw sitemap en alle thema's van de Hugo-thema-repo downloaden.

cd ~/mysite/
git clone --depth 1 --recursive https://github.com/spf13/hugoThemes.git themes

Als je slechts één thema wilt installeren, ga dan naar de Hugo-thema-opslagplaats om je favoriete thema te bepalen. Kopieer de URL en plak deze in de git cloneonderstaande opdracht.

cd ~/mysite/
mkdir themes
cd themes
git clone https://github.com/jaden/twentyfourteen

Stap 4: Breng enkele basisconfiguratiewijzigingen aan

Het bestand dat config.tomlin uw sitemap wordt genoemd, bevat de algemene configuratie voor uw Hugo-site. Bewerk het bestand met een teksteditor om enkele basisconfiguratiewijzigingen aan te brengen, zoals hieronder vermeld. Vergeet niet om de waarden te vervangen volgens uw specifieke omstandigheden.

baseurl = "http://[YourSiteIP]/"
languageCode = "en-us"
title = "Your Site Name"
theme = "twentyfourteen"

Stap 5: Stel uw inhoud samen

Voer in uw sitemap de volgende opdracht in om een ​​inhoudspagina in de directory te maken ~/mysite/content/post/.

cd ~/mysite/
hugo new post/about.md

Open het bestand in een teksteditor, de indeling van het bestand moet er als volgt uitzien.

+++
date = "2015-12-25T03:21:23Z"
draft = true
title = "about"

+++

Tussen de twee regels +++ligt de meta-informatie over uw inhoudspagina. Hier kunt u de regel verwijderen draft = trueen de titelregel naar wens wijzigen.

+++Voeg onder de tweede regel de inhoud toe die u op de webpagina wilt weergeven. Vergeet niet om uw inhoud in de Markdown-taal te schrijven.

## This is an H2 headline

Text goes here.

Houd na het voltooien van deze bewerking de teksteditor open voor later gebruik.

Stap 6: Pas uw inhoud aan met de Hugo-server

U kunt de ingebouwde webserver van Hugo gebruiken om uw site te implementeren, die uw wijzigingen onmiddellijk op de webpagina kan weergeven zodra u uw inhoud in een teksteditor wijzigt.

Open een andere terminal, configureer de iptablesregels om uw toegang tot uw site op Hugo server's standaard poort 1313 toe te staan:

sudo iptables -I INPUT -p tcp --dport 1313 -j ACCEPT

Start de Hugo-server:

hugo server --bind="[YourServerIP]"

Bezoek uw site vanuit een browser:

http://[YourServerIP]:1313

Nu kunt u proberen de inhoud van het paginabestand in de vorige terminal te bewerken of een paginabestand toevoegen / verwijderen. U zult merken dat eventuele wijzigingen in de content/directory tegelijkertijd op uw browserscherm worden weergegeven. Dit is een geweldige functie voor een drukke blogger omdat je altijd meteen je aanpassingen kunt zien voor een betere compositie-ervaring.

Nadat u klaar bent met bewerken, drukt u Ctrl+Cop om de Hugo-server te stoppen.

Stap 7: Publiceer uw site

Nu is het tijd om uw site op internet te publiceren. Voer de volgende opdrachten uit en Hugo genereert alle statische inhoud die geschikt is voor publicatie in de public/directory.

cd ~/mysite
hugo

Opmerking : Hugo zal geen oude bestanden verwijderen die eerder zijn gegenereerd wanneer u de bovenstaande opdrachten uitvoert. Om onverwachte resultaten te voorkomen, kunt u de public/directory altijd verwijderen voordat u de hugoopdracht uitvoert of een nieuwe uitvoerbestemming specificeren, zoals weergegeven in de volgende opdracht.

hugo --destination=public2

Aangezien de Nginx-webserver al op de server draait, hoeft u alleen maar de inhoud van de ~/mysite/public/directory of andere aangepaste bestemmingsmappen naar uw webdirectory te kopiëren /usr/share/nginx/html/.

Verwijder de originele bestanden:

cd /usr/share/nginx/html/
sudo rm -rf background.jpg index.php logo.png

Kopieer uw statische sitebestanden naar de webdirectory:

cd ~/mysite/public
sudo cp -R ~/mysite/public/. /usr/share/nginx/html/

Dat is het. Nu kunt u uw super snelle statische site te bezoeken vanuit je browser http://[YourServerIP].

Gebruik de opdracht hugo helpof bezoek de officiële website van Hugo voor meer informatie .