Создание сайтов с Hugo

Анвер Богатов
"Создание сайтов с Hugo" - идеальный курс для тех, кто решил создать собственную страничку, или может быть целый уголок в широком и глубоком океане Интернета с самого нуля. Здесь ты не узнаешь сколько лет нужно учиться на программиста или владение какими языками программирования даст тебе возможность создавать сайты. Ведь Hugo - это не про сложность.
В этом уникальном курсе, созданном полностью на русском языке, ты найдёшь простую и доступную информацию о том, как с помощью Hugo создать собственный рабочий веб-сайт за один вечер. И не просто веб-сайт с одной страницей! Твой будущий сайт ограничен только твоей фантазией!
С Hugo ты легко сможешь создать собственный блог, личный веб-сайт-визитку, лэндинг для твоего продукта или услуги, или даже - информационно-новостной сайт с контентом собственного авторства!
После изучения всех уроков ты сможешь:
- самостоятельно создавать веб-сайты с технологией Hugo
- радикально изменять внешний вид и стилистику сайтов, используя широкий каталог визуальных тем на выбор
- сможешь наполнять собственные Hugo сайты различным контентом, наиболее оптимальным способом
- поддерживать работу сайта с несколькими языками
А так же, помимо всего этого, ты:
- сможешь настраивать работу собственных сайтов в разных окружениях
- научишься интегрировать собственные сайты с Вконтакте и Telegram для лёгкой публикации контента в социальных сетях
- организуешь работу с обратной связью пользователей сайтов и с их комментариями
Это не просто курс, а ОГРОМНАЯ ЭНЦИКЛОПЕДИЯ знаний по тому, как превратить образ из собственной фантазии в привлекательный продающий веб-сайт.
Ну и наконец, этот курс предназначен для широкого круга людей. Если ты из IT, и хочешь разобраться в Hugo - ты с лёгкостью этого достигнешь. Ну а если, ты с технологиями на "Вы" - не переживай, я постарался сделать этот курс доступным даже для тех, кто не знает, что такое "сайт" :-)
Скорее, включайся в работу!
Вместе, мы пройдём более 30 уроков, наполненных глубокими знаниями о Hugo, выполним ряд домашних заданий и создадим целых 2 (!) полноценных сайта на Hugo. И один из них, даже опубликуем в Интернете!
Название | Дата/Время | Длительность |
---|---|---|
Создание сайтов с Hugo | 5 июня 2023 г. в | Минут(ы) |
В этом уроке, мы поговорим о том, что технология Hugo из себя представляет, какие задачи решает, а так же, я покажу, как выглядят сайты, сделанные с помощью Hugo в реальной жизни.
Официальный сайт:
В этом уроке, мы поговорим о том, как установить инструмент Hugo на свой компьютер. Установленные инструменты нам понадобятся в остальной части этого курса.
Справка по установке Hugo:
Документация по утилите:
Документация по структуре проекта:
Официальный каталог тем Hugo:
В этом уроке, ты узнаешь как установить новую Hugo тему в свой веб сайт.
Официальная документация по команде "hugo":
В этом уроке мы поговорим про Front-Matter.
А что такое этот "Front-Matter"? Это мощный инструмент Hugo, который позволяет добавлять абсолютно любую мета-информацию к любой странице или разделу сайта Hugo.
Официальная документация по Front-Matter:
https://gohugo.io/content-management/front-matter/
Документация по Front-Matter в YAML:
https://assemble.io/docs/YAML-front-matter.htmlВ этом уроке ты узнаешь об основном способе оформления текстового контента в Hugo - Markdown. Markdown - это язык разметки, польза от которого выходит далеко за рамки одного лишь Hugo. Markdown - применяется при написании структурированных текстовых файлов, в конфигурационных файлах различных инструментах, и даже, для оформления презентаций! Да-да, тех самых - на манер powerpoint'овских!
Официальный урок по Markdown:
https://www.markdownguide.org/basic-syntax/Теперь ты, что-то делаешь, а смотрю на это я. :-)
Внимательно просмотри это урок и постарайся выполнить все задачи самостоятельно. Если будет трудно - не спеши подсматривать ответ. Ответ посмотреть всегда успеешь. Вернись к теме, которая вызывает у тебя сложность, и попробуй разобраться в ней ещё раз.
В любом случае, я верю в то, что у тебя всё получиться!
В следующем видео, дам ответы.
В этом уроке посмотри как я выполняю это домашнее задание и... найди 10 отличий, как говорится!
Официальная документация по работе со статическими файлами:
https://gohugo.io/content-management/static-files/
Для самых пытливых, Hugo умеет обрабатывать изображения. Детали тут:
Официальная документация по секциям:
В этом уроке ты узнаешь о том, как добавлять и изменять меню сайта.
Официальная документация о меню:
Теперь же, ты узнаешь о том, как навести порядок в собственном проекте за счёт использования - Page Bundles.
Официальная документация по Page Bundle:
Повторим веселье? Я тебе конкурсы - ты мне участие!
Внимательно слушай условия задания и выполняй.
Если трудно - обязательно сначала вернись к теме, с которой возникли сложности. Удачи!
Этот "решебник" для тебя. Посмотри как задание выполнил я. Найди для себя что-то новое.
Ты молодец!
Официальная документация:
В этом уроке, ты узнаешь как Hugo поддерживает работу в разных окружениях.
В этом уроке ты знаешь что это такое и когда стоит задуматься об их использовании.
Официальная документация по архетипам:
Шучу, я был уверен, мы здесь увидимся! Ты молодец! Преодолел большой путь и теперь ты можешь создавать новые сайты на Hugo, а так же оформлять их и наполнять смыслом.
Так держать!
Ну а у меня для тебя в этом курсе есть ещё один блок!
Пристегни ремень покрепче - входим в зону турбулентности!
Здесь я ожидаю от тебя полнейшей ответсвенности и того, чтобы ты, вместе со мной настраивал и проходил действия, которые делаю в видео я. Это важно, потому что создаёт базу для твоих будущих экспериментов!
В этом уроке, ты добавишь в свой сайт Hugo возможность для твоих пользователей легко, быстро и удобно делиться контентом с твоего сайта в одной из самых популярных социальных сетей в нашей стране - Вконтакте.
Ты проделал огромный путь, молодчина!
Мне было приятно тебя учить! И, надеюсь, тебе было приятно учиться!
Желаю тебе удачи в сайтостроении вместе с Hugo!
-
Анвер Богатов (Эксперт) Константин, очень рад, что курс оказался полезен!