Како направити блог са Хугом

Увод

Хуго је генератор статичког сајта са муњевитом брзином рендеровања и одличном лакоћом коришћења. Захваљујући свим његовим функцијама оријентисаним на садржај, увек можете да се фокусирате на креирање садржаја уместо на изградњу окружења:

• Уз Хуго, можете да направите статичну локацију која се покреће било где за неколико минута без заморних зависности или база података.
• Можете саставити свој садржај у Маркдовн-у, најпогоднијем стилу писања, и тренутно видети промене које сте направили на вебу.
• Штавише, можете максимално искористити Хугово богато складиште тема и брзорастућу заједницу.

У овом туторијалу показаћу вам како да инсталирате и користите Хуго да направите статички блог на инстанци Вултр ЛЕМП сервера заснованој на ЦентОС-у.

Предуслови

Пријавите се на своју инстанцу као корисник који није роот са судо дозволама. Погледајте како да направите таквог корисника у овом чланку .

Корак 1: Инсталирајте Хуго програм

Хуго се може инсталирати на скоро све главне платформе. За ЦентОС, потребно је само да преузмете најновију програмску датотеку у .tar.gzархиву и распакујете је на погодну локацију. У време писања, најновија верзија је 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

Тестирајте своју инсталацију следећом командом:

 hugo version

Корак 2: Направите своју веб локацију

Уз Хуго, можете да направите своју веб локацију из било које фасцикле на вашем серверу. Ево, направио сам сајт у директоријуму mysite/под мојим кућним директоријумом.

cd ~
hugo new site ~/mysite

Покрените следеће команде да бисте видели архитектуру сајта:

cd mysite
ls -lF

Као што видите, тренутна архитектура сајта личи на:

archetypes/

config.toml

content/

data/

layouts/

static/

Са још два директоријума који треба да се креирају, themes/и public/, цела архитектура Хуго сајта је компактна, али свеобухватна.

За почетак, знајте да ваш садржај треба да буде ускладиштен у директоријуму content/.

Корак 3: Инсталирајте теме из Хуго спремишта

Да бисте инсталирали све теме из Хуго спремишта, покрените следеће команде. Ово ће креирати директоријум под називом themes/у директоријуму ваше веб локације и преузети све теме из Хуго репо тема.

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

Ако само желите да инсталирате једну тему, посетите Хуго репо тема да бисте одредили своју омиљену тему. Копирајте њен УРЛ и налепите га у git cloneнаредбу испод.

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

Корак 4: Направите неке основне промене конфигурације

Датотека названа config.tomlу директоријуму ваше локације садржи глобалну конфигурацију за вашу Хуго локацију. Уредите датотеку помоћу уређивача текста да бисте направили неке основне промене конфигурације као што је наведено у наставку. Не заборавите да замените вредности у складу са вашим специфичним условима.

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

Корак 5: Саставите свој садржај

У директоријум сајта унесите следећу команду да бисте креирали страницу са садржајем у директоријуму ~/mysite/content/post/.

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

Отворите датотеку у уређивачу текста, формат датотеке треба да личи на следећи.

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

+++

Између два реда +++налазе се мета информације о вашој страници са садржајем. Овде можете уклонити линију draft = trueи модификовати насловну линију како желите.

Испод другог +++реда додајте садржај који желите да прикажете на веб страници. Не заборавите да напишете свој садржај на језику Маркдовн.

## This is an H2 headline

Text goes here.

Након завршетка ове измене, оставите уређивач текста отвореним за каснију употребу.

Корак 6: Прилагодите свој садржај помоћу Хуго сервера

Можете да користите Хуго-ов уграђени веб сервер да примените своју веб локацију, која може тренутно да прикаже ваше промене на веб страници чим измените свој садржај у уређивачу текста.

Отворите други терминал, конфигуришите iptablesправила како бисте омогућили приступ вашој веб локацији на подразумеваном порту 1313 Хуго сервера:

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

Покрените Хуго сервер:

hugo server --bind="[YourServerIP]"

Посетите свој сајт из прегледача:

http://[YourServerIP]:1313

Сада можете покушати да уредите садржај датотеке странице у претходном терминалу или додате/уклоните датотеку странице. Видећете да ће се све измене у content/директоријуму истовремено одразити на екрану вашег претраживача. Ово је одлична функција за запослене блогере јер увек можете одмах да видите своје модификације за боље искуство састављања.

Када завршите са уређивањем, притисните Ctrl+Cда зауставите Хуго сервер.

Корак 7: Објавите своју веб локацију

Сада је време да објавите свој сајт на вебу. Покрените следеће команде и Хуго ће генерисати сав статички садржај погодан за објављивање унутар public/директоријума.

cd ~/mysite
hugo

Напомена : Хуго неће избрисати старе датотеке које су претходно генерисане када покренете горње команде. Да бисте избегли неочекиване резултате, увек можете да избришете public/директоријум пре него што покренете hugoкоманду или наведете ново одредиште излаза као што је приказано у следећој команди.

hugo --destination=public2

Пошто је Нгинк веб сервер већ покренут на серверу, све што треба да урадите је да копирате садржај ~/mysite/public/директоријума или других прилагођених одредишних директоријума у ​​ваш веб директоријум /usr/share/nginx/html/.

Избришите оригиналне датотеке:

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

Копирајте своје статичке датотеке сајта у веб директоријум:

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

То је то. Сада можете да посетите своју супер брзу статичну локацију из свог претраживача: http://[YourServerIP].

Да бисте видели више детаља, користите команду hugo helpили посетите званичну веб локацију Хуго .