Si të krijoni një blog me Hugo

Prezantimi

Hugo është një gjenerues statik i faqes me shpejtësi të shpejtë të paraqitjes së rrufeshme dhe lehtësi të shkëlqyeshme përdorimi. Falë të gjitha veçorive të tij të orientuara nga përmbajtja, gjithmonë mund të përqendroheni në krijimin e përmbajtjes sesa në ndërtimin e mjedisit:

• Me Hugo, ju mund të ndërtoni një sajt statik kudo që funksionon në disa minuta pa marrë parasysh varësitë ose bazat e të dhënave të lodhshme.
• Mund të kompozoni përmbajtjen tuaj në Markdown, stili më i përshtatshëm i të shkruarit dhe të shihni menjëherë ndryshimet që keni bërë në ueb.
• Për më tepër, ju mund të përfitoni sa më shumë nga depoja e pasur e temave të Hugo dhe komuniteti me rritje të shpejtë.

Në këtë tutorial, unë do t'ju tregoj se si të instaloni dhe përdorni Hugo për të ndërtuar një sajt blog statik në një shembull të serverit Vultr LEMP të bazuar në CentOS.

Parakushtet

Identifikohu në shembullin tënd si një përdorues jo-root me leje sudo. Shihni se si të krijoni një përdorues të tillë në këtë artikull .

Hapi 1: Instaloni programin Hugo

Hugo mund të instalohet pothuajse në të gjitha platformat kryesore. Për CentOS, ju vetëm duhet të shkarkoni skedarin më të fundit të programit në një .tar.gzarkiv dhe ta hapni atë në një vend të përshtatshëm. Në kohën e shkrimit, versioni i fundit është 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

Testoni instalimin tuaj me komandën e mëposhtme:

 hugo version

Hapi 2: Ndërtoni faqen tuaj

Me Hugo, ju mund të ndërtoni faqen tuaj nga çdo dosje në serverin tuaj. Këtu, kam ndërtuar një sajt në drejtorinë mysite/nën drejtorinë time kryesore.

cd ~
hugo new site ~/mysite

Ekzekutoni komandat e mëposhtme për të parë arkitekturën e faqes:

cd mysite
ls -lF

Siç e shihni, arkitektura aktuale e faqes ngjan me:

archetypes/

config.toml

content/

data/

layouts/

static/

Me dy drejtori të tjera që do të krijohen themes/dhe public/, e gjithë arkitektura e një siti Hugo është kompakte, por gjithëpërfshirëse.

Si fillim, dijeni se përmbajtja juaj duhet të ruhet në drejtori content/.

Hapi 3: Instaloni temat nga depoja e Hugo

Për të instaluar të gjitha temat nga depoja Hugo, ekzekutoni komandat e mëposhtme. Këto do të krijojnë një drejtori të emërtuar themes/në drejtorinë e faqes tuaj dhe do të shkarkojnë të gjitha temat nga depoja e temave Hugo.

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

Nëse thjesht dëshironi të instaloni një temë të vetme, vizitoni depon e temave Hugo për të përcaktuar temën tuaj të preferuar. Kopjoni URL-në e saj dhe ngjisni në git clonekomandën e mëposhtme.

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

Hapi 4: Bëni disa ndryshime bazë të konfigurimit

Skedari i emërtuar config.tomlnë drejtorinë e faqes suaj përmban konfigurimin global për faqen tuaj Hugo. Redaktoni skedarin me një redaktues teksti për të bërë disa ndryshime bazë të konfigurimit siç renditen më poshtë. Mos harroni të zëvendësoni vlerat sipas kushteve tuaja specifike.

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

Hapi 5: Përpiloni përmbajtjen tuaj

Në drejtorinë e faqes tuaj, futni komandën e mëposhtme për të krijuar një faqe përmbajtjeje në drejtori ~/mysite/content/post/.

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

Hapni skedarin në një redaktues teksti, formati i skedarit duhet të jetë si më poshtë.

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

+++

Midis dy rreshtave +++qëndron informacioni meta në lidhje me faqen tuaj të përmbajtjes. Këtu, ju mund të hiqni rreshtin draft = truedhe të modifikoni rreshtin e titullit sipas dëshirës.

Nën +++rreshtin e dytë , shtoni përmbajtjen që dëshironi të shfaqni në faqen e internetit. Mos harroni të shkruani përmbajtjen tuaj në gjuhën Markdown.

## This is an H2 headline

Text goes here.

Pas përfundimit të këtij modifikimi, mbajeni të hapur redaktorin e tekstit për përdorim të mëvonshëm.

Hapi 6: Rregulloni përmbajtjen tuaj me serverin Hugo

Ju mund të përdorni serverin e integruar të uebit të Hugo për të vendosur faqen tuaj, i cili mund të shfaqë menjëherë ndryshimet tuaja në faqen e internetit sapo të modifikoni përmbajtjen tuaj në një redaktues teksti.

Hapni një terminal tjetër, konfiguroni iptablesrregullat për të lejuar aksesin tuaj në faqen tuaj në portin e paracaktuar 1313 të serverit Hugo:

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

Hapni serverin Hugo:

hugo server --bind="[YourServerIP]"

Vizitoni faqen tuaj nga një shfletues:

http://[YourServerIP]:1313

Tani, mund të provoni të redaktoni përmbajtjen e skedarit të faqes në terminalin e mëparshëm ose të shtoni/fshini një skedar faqeje. Do të zbuloni se çdo modifikim në content/drejtori do të pasqyrohet njëkohësisht në ekranin e shfletuesit tuaj. Ky është një veçori e shkëlqyeshme për një bloger të zënë, sepse gjithmonë mund të shihni menjëherë modifikimet tuaja për përvoja më të mira të kompozimit.

Pasi të keni përfunduar modifikimin tuaj, shtypni Ctrl+Cpër të ndaluar serverin Hugo.

Hapi 7: Publikoni faqen tuaj

Tani është koha për të publikuar faqen tuaj në ueb. Ekzekutoni komandat e mëposhtme dhe Hugo do të gjenerojë të gjithë përmbajtjen statike të përshtatshme për publikim brenda public/drejtorisë.

cd ~/mysite
hugo

Shënim : Hugo nuk do të fshijë skedarët e vjetër që janë krijuar më parë kur ekzekutoni komandat e mësipërme. Për të shmangur rezultate të papritura, gjithmonë mund ta fshini public/direktorinë përpara se të ekzekutoni hugokomandën ose të specifikoni një destinacion të ri daljeje siç tregohet në komandën e mëposhtme.

hugo --destination=public2

Meqenëse serveri i uebit Nginx ka funksionuar tashmë në server, gjithçka që duhet të bëni është të kopjoni përmbajtjen e ~/mysite/public/drejtorisë ose drejtorive të tjera të destinacionit të personalizuar në drejtorinë tuaj të internetit /usr/share/nginx/html/.

Fshini skedarët origjinal:

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

Kopjoni skedarët e faqes tuaj statike në drejtorinë e internetit:

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

Kjo eshte. Tani mund të vizitoni faqen tuaj statike super të shpejtë nga shfletuesi juaj: http://[YourServerIP].

Për të parë më shumë detaje, përdorni komandën hugo helpose vizitoni faqen zyrtare të Hugo .