Tutorial - Hugo + HTML 5 Semantic Elements & Templates | HUGO static site generator | Front-end dev
In this video I show you how to add HTML 5 Semantic Elements to your HUGO website to make it more accessible and have better SEO. I also show you how to create template for the home page, single pages and list pages.
Watch my full length Hugo courses on skillshare here: https://www.skillshare.com/r/user/sean_emerson?gr_tch_ref=on&gr_trp=off
You get 1 month free, to watch my courses using my referral link.
Full length HUGO and Bootstrap 5 intro course
https://skl.sh/3rsfq4y
Full length SASS/SCSS building with Hugo Course
https://skl.sh/3IKdWc2
Full length JavaScript building with Hugo Course
https://skl.sh/3uHZcEz
SEO and asset optimisation with Hugo Course
https://skl.sh/3rthbOo
Looking for the best value for money travel insurance that suits both travellers and digital nomads? Use my link to support this channel.
https://safetywing.com?referenceID=24741702&utm_source=24741702&utm_medium=Ambassador
Like the video? Buy me a cofee!!
https://www.buymeacoffee.com/futureweb
Repository for getting started https://github.com/future-wd/video-hugo-bootstrap-navbar-intro
The completed project repository https://github.com/future-wd/video-hugo-bootstrap-templates-semantic
W3 School - HTML5 Semantic Elements - https://www.w3schools.com/html/html5_semantic_elements.asp
MDN HTML Elements - https://developer.mozilla.org/en-US/docs/Web/HTML/Element#content_sectioning
Bootstrap 5 Pagination -
HUGO Pagination - https://gohugo.io/templates/pagination/
HUGO Summaries - https://gohugo.io/content-management/summaries/
HUGO Content Types - https://gohugo.io/content-management/types/
HUGO Page Bundles - https://gohugo.io/content-management/page-bundles/
HUGO list templates - https://gohugo.io/templates/lists/
HUGO single page templates - https://gohugo.io/templates/single-page-templates/
VIDEO - Getting started with HUGO https://www.youtube.com/watch?v=T671OzJisFs
VIDEO - Installing Hugo on windows Installing HUGO on windows video https://youtu.be/bbza8UJapT8
0:00 - Introduction
1:22 - Add semantic tags to baseof.html
4:18 - Create a landing page with section tags
11:32 - Create a single page
13:17 - Create a list page
19:18 - Customise summaries and pagination
24:37 - Custom templates
#hugo #website #staticsite #staticsitegenerator #jamstack
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Tutorial - Hugo + HTML 5 Semantic Elements & Templates | HUGO static site generator | Front-end dev», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.