Hugo Actually Explained (Websites, Themes, Layouts, and Intro to Scripting)

Hugo will allow you to create optimal website, but we shall overcome the "Hugo Hump" in this video. You gotta understand how templates and themes were before you get into the really impactful stuff.

I still do explain partials, shortcodes and other more scriptable things here, but the main goal is getting you to understand how a Hugo site is configured and arranged.

Link to the repository we use here:

00:00 Introduction
00:55 How to Install Hugo and on Themes
02:13 Getting Started
04:29 The Directory Structure of a Hugo Site
06:27 The hugo server command
08:20 Making new Pages
10:23 Notice the Tags
12:36 Directories and the template in archetypes/
14:40 Subdirectories in content
16:28 Linking and images in Hugo
18:47 Customizing Indexes (Interjection from the Future)
20:43 Looking at Layouts
20:02 Lists vs Singlefiles
24:48 First look at Hugo Scriptability
27:40 The RSS template
28:27 Homepages/indexes without lists of articles
29:43 Hugo's Scriptability and Partials
34:33 "I Can't Believe It's Not a Dynamic Site!"
35:22 Shortcodes (Example on Images)
38:43 Hugo Review

BTC: bc1qw5w6pxsk3aj324tmqrhhpmpfprxcfxe6qhetuv
XMR: 48jewbtxe4jU3MnzJFjTs3gVFWh2nRrAMWdUuUd7Ubo375LL4SjLTnMRKBrXburvEh38QSNLrJy3EateykVCypnm6gcT9bh

OR affiliate links to things l use:

[SimoAtlas]

I love how you love simple things. Simple things are easy to understand and manage and they serve the purpose instead of adding unnecessary stuff.

[nicechordwiwi]

You can also put images in /content, alongside the markdown files, too.

The image files in /static will remain, well, static. But if you put image files in /content, Hugo will automatically resize or convert the files into smaller format (at least in the theme I use), and you can insert the image with relative path this way.

[isahilliogluu]

Excellent quick and simple intro to Hugo. I've learned a lot and did not notice how the 40 minutes passed. You are the "Carl sagan" of web development! Thank you.

[justanotheruserxxl]

Finally someone explains me what I have been too lazy to read for myself. Thx Luke

[wannabelikegzus]

First, you are a fantastic guide through technical matters. Interesting to listen to, informative, just insulting enough to make sure everybody knows you're the expert.

Second, it's interesting seeing a static site framework. I thought those were completely dead.

[vidhukant]

Ah yes perfect timing. This TOTALLY could've helped but the new hugo re-write of my website just went live

[jaimecss]

Awesome! no BS and straight to the point. There is more material here than in 5 hours in Skillshare

[AwesomeMediaify]

I literally wanted to learn this today, can't believe this timeline

[pazu_]

It's over... Luke is using a web development framework. The soydevs won...

[MisterConscio]

I really like when you take the time to explain the folder hierarchy, it helps a lot to understand. It's funny how people gets triggered by this very simple static site generator.

[FourOf]

I have been trying to figure out Hugo's internal logic for like three weeks and I'm kicking myself for not watching this earlier. Thanks.

[NotThatOlivia]

you should continue this series about HUGO, since it is very powerful tool, and you are not limited with only basics of it

[jackt-zm]

OMG LUKEBROS 40 MINUTES OF EPIC CONTENT !!!! ✋😲🤚

[triscal]

This was supremely useful! Thanks so much for the walk through. Hugo is both super simple, but also super complicated. Being able to see you walk through it and pass along the wisdom you have gained helped me tons!

[StudioXN]

Nice one Luke! I have been using it almost for 3 years now. Solid choice!

[Monaco_mechanical]

Luke... you're the best dude. Thank you. For this and all your vids

[leothegeek]

Just started building my blog in Hugo and this video popped up! Thanks!

[deveshtarasia]

The tutorial I have been looking for. Thank you Luke for posting this!

[johncurran]

Outstanding work here. Thank you. This was exactly the kind of comprehensive introduction I was hoping to find.

[grybro]

Loved the Video. Explained exactly what I needed to do! Waiting for your next one.