Установка

Теперь, когда наши инструменты установлены и работают, мы можем начать наш проект.

Создание проекта

1. Открой терминал (или командную строку в Windows).
2. Напиши: hugo new site my-blog и новая папка под название my-blog будет создана в твоей домашней папке, с несколькими файлами внутри.
3. Открой VSCode и открой в нём эту новую папку, чтобы увидеть её содержимое.

Ниже приведен полный пример команд для терминала, но ты также можешь использовать Finder или Explorer, чтобы найти эту папку и открыть ее, щелкнув по значку VSCode.

# generated my-blog folder
hugo new site my-blog

# opens the my-blog folder in VSCode
code my-blog

Оказавшись внутри VSCode, ты увидишь следующие папки и файлы в проводнике (боковой панели):

my-blog
├── archetypes
|   └── default.md
├── content
├── data
├── layouts
├── static
├── themes
└── config.toml

Не волнуйся, на протяжении курса мы разберем зачем необходимы эти папки.

Запуск сервера для разработки

Теперь запустим наш сервер для разработки. Dev-сервер - это локальный сервер, который работает на твоём компьютере только в целях разработки. Он размещает твою программу в порту, и ты можешь получить доступ к своей программе (сайту) в веб-браузере.

Открой свой терминал внутри своего проекта и введи команду hugo serve. Это запустит локальный сервер в порту 1313. Ты можешь получить доступ к этому сайту, перейдя на localhost:1313 в твоём браузере. Ты увидишь пустую белую страницу. Это абсолютно нормально, ведь мы еще ничего не добавили

Этот сервер будет автоматически перезагружаться каждый раз, когда ты вносишь изменения в свой код, и твой веб-браузер будет обновляться!

Полный список команд:

# go "inside" your project folder
cd my-blog

# start the dev server
hugo serve