Почетак рада са Хугом: Како да направите једноставну веб локацију

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

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

Можете лако да подесите и креирате Хуго веб локацију користећи унапред направљену Хуго тему. Са само неколико кратких корака, можете додати садржај и странице на своју веб локацију користећи Маркдовн.

Како инсталирати Хуго

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

Мац

Можете инсталирати Хуго користећи Хомебрев.

1. Отворите свој мацОС терминал.
2. Инсталирајте Хомебрев менаџер пакета.

   /бин/басх -ц "$(цурл -фсСЛ https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

3. Инсталирајте Хуго.

   варити инсталирај хуго

Виндовс

Биће вам потребан еквивалентан менаџер пакета за Виндовс. На пример, можете користити Сцооп менаџер пакета.

1. Отворите Виндовс ПоверСхелл, који би већ требало да буде део вашег Виндовс оперативног система.
2. Ако први пут инсталирате Сцооп, можда ћете морати да подесите своју политику извршавања.

   Комплет-ЕкецутионПолици РемотеСигнед -Обим Тренутни корисник

3. Инсталирај Сцооп:

   иек (Нова-објецт нет.вебцлиент).довнлоадстринг('хттпс://get.scoop.sh')
   

4. Инсталирајте Хуго:

   кугла инсталирај хуго

Како направити Хуго пројекат

Да бисте креирали нови Хуго пројекат, мораћете да користите уграђени нови сајт хуго команда.

1. Отворите свој терминал или командну линију. Идите до фасцикле у којој желите да креирате свој пројекат.
2. Извршите нови сајт хуго команда:

   хуго Нова сајту Нова-хуго-вебсите

3. Дођите до локације вашег Хуго пројекта у вашем претраживачу датотека.
4. Отворите фасциклу пројекта. Видећете да ваша нова Хуго веб локација има структуру датотека и фасцикли која је потребна да би ваша веб локација функционисала.

Како додати тему

Тренутно ваш пројекат садржи само главне основне фасцикле за Хуго пројекат. Локално покретање ваше веб локације у овом тренутку би приказало само празан екран. Пошто још увек немате ХТМЛ, ЦСС или УИ дизајн постављен за своју веб локацију, мораћете да их додате.

Хуго већ има уграђену библиотеку Хуго Тхемес креирали програмери.

1. Изаберите тему која вам се свиђа. Свака тема може имати мало другачија упутства за подешавање, приказана на њиховој страници за преглед. Овај водич ће користити Тале тхеме као пример.
2. Идите до основне фасцикле вашег пројекта у терминалу или командној линији.

   цд Нова-хуго-вебсите

3. Покрените команду да додате тему Тале. Можете додати тему као подмодул, који ће креирати нову фасциклу под називом прича унутар тема фолдер.

   гит инит
   гит подмодул додати хттпс://гитхуб.цом/ЕмиелХ/тале-хуго.гит тхемес/тале

   Алтернативно, можете клонирати ГитХуб складиште прича у фасциклу тема вашег пројекта.

   гит клон хттпс://гитхуб.цом/ЕмиелХ/тале-хуго.гит тхемес/тале

4. Идите до фасцикле вашег пројекта. Кликните на Теме фолдер да бисте га отворили. Без обзира коју команду сте користили, биће нова прича фасциклу у којој се чува новопреузета тема.
5. У цонфиг.томл датотеку, додајте тему приче као део конфигурације. Ово ће рећи Хугу да користи ХТМЛ, ЦСС и друге стилове које садржи тема Тале.

   тема = "прича"

Како додати странице на своју веб локацију

Можете писати свој садржај у било ком формату који Хуго прихвата. Хуго ће затим аутоматски конвертовати ваше датотеке у ХТМЛ датотеке када их сервира кориснику. Ово га чини брзим и за изградњу и за примену. Овај пример ће користити Маркдовн, једноставан језик отвореног текста, као формат за ваш садржај.

Маркдовн можете писати углавном на обичном енглеском са неколико додатих симбола да бисте одредили било које форматирање. Ово укључује додавање симбола за представљање наслова, чије су речи подебљане, или било које друго основно форматирање које вам може затребати.

Да бисте додали нову подстраницу или објаву на своју веб локацију, мораћете да додате нову Маркдовн датотеку у садржаја фолдер. Сваки пост или страница ће имати сопствену Маркдовн датотеку повезану са њом.

1. Отвори садржаја фолдер унутар вашег Хуго пројекта. Направите нову Маркдовн датотеку под називом миФирстПост.мд.
2. Отворите датотеку у било ком уређивачу текста као што је Нотепад++ или Висуал Студио Цоде.
3. На врх датотеке додајте неке метаподатке. Ово ће укључивати важне информације о посту. Тема коју користите ће форматирати ове информације на одређени начин на страници.

   
   аутор: "Твоје име"
   наслов: "Мој први пост"
   датум: "2022-05-17"
   

4. Након што додате метаподатке, можете почети да додајете свој садржај користећи Маркдовн.

   Ово је мој први пост на мојој Хуго веб страници!
   Користи се Хуго тема заово сајт се зове Тале.
   То је врло једноставан за инсталацију и конфигурисати.
   # Поднаслов
   Ово је неки садржај.
   # Још један поднаслов
   Ово је више садржаја.

5. Слободно додајте још датотека за смањење да бисте додали више страница на своју веб локацију.

Како да покренете и тестирате своју Хуго веб локацију локално

Да бисте покренули своју веб локацију, користите хуго серве команда.

1. Отворите терминал или командну линију.
2. Идите до основне фасцикле вашег Хуго пројекта.
3. Покренути хуго серве команда:

   хуго серве

4. Сачекајте да веб локација заврши процес покретања. Када се то заврши, терминал ће одштампати поруку са које локалне адресе можете приступити веб локацији. Обично је ово http://localhost: 1313/.
5. Отворите веб претраживач и унесите http://localhost: 1313/, или било коју адресу коју вам је терминал дао. Видећете главну страницу ваше Хуго веб странице.
6. На страници ће бити листа постова за сваку маркдовн датотеку коју имате. У овом случају, постоје две датотеке за смањење вредности попуњене садржајем. Ово укључује страницу миФирстПост.мд коју сте раније направили. Такође укључује нови пост под називом бананаЦакеРеципе.мд.
7. Кликните на везу наслова у једном од прегледа. Одвешће вас на целу страницу за тај одређени пост.

Хостовање ваше Хуго веб странице

Постављање и покретање статичне веб странице је једноставно и брзо уз Хуго. Можете да користите и конфигуришете унапред направљене теме и да покренете своју Хуго веб локацију локално за тестирање. Такође можете да додате странице са садржајем на своју веб локацију користећи Маркдовн.

Када направите своју Хуго веб локацију, можете почети да учите више о томе како да је хостујете. Постоји много бесплатних опција за хостовање веб локација које можете изабрати, као што су Дропбок, Гоогле Дриве или ОнеДриве.

Како добити бесплатан хостинг веб локација помоћу Дропбок-а, Гоогле диска или ОнеДриве-а

Реад Нект