Build Static Sites in Seconds with Hugo
4.0 (54 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
279 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build Static Sites in Seconds with Hugo to your Wishlist.

Add to Wishlist

Build Static Sites in Seconds with Hugo

Learn how to build static sites quickly and easily with Hugo.
4.0 (54 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
279 students enrolled
Created by Dan Hersam
Last updated 8/2015
English
Learn Fest Sale
Current price: $10 Original price: $25 Discount: 60% off
3 days left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Build a static web site from scratch with Hugo in less than an hour
  • Publish your site to a web server, Dropbox, Github pages or to Amazon S3
  • Create a custom Hugo template or modify an existing template
  • Convert a Wordpress theme to use with Hugo
View Curriculum
Requirements
  • You should already be familiar with HTML and CSS.
  • It would be great if you know Markdown, but it's easy to learn
  • You should be familiar with the command line (in any OS) and know how to get around the filesystem.
  • Ideally you would be familiar with git, but again, it's not hard to learn
Description

If you're tired of having a slow web site or updating plugins and managing your database instead of writing content, this course is for you.

You'll learn how to use Hugo, a static site generator, to create blazingly fast, static web sites. No more security updates, no MySQL, no PHP, just your content in HTML and CSS.

I'll take you from downloading Hugo to creating or customizing a theme and then deploying your completed site to a standard web server, Amazon S3, Dropbox or Github pages. Learn how to streamline your process even further with time-saving shortcuts.

The course consists of 20+ videos taking you step by step through the process of creating a site.

Hugo makes the web fun again and after completing this course, you'll be able to join the fun.

Who is the target audience?
  • This course is aimed mainly at those who are familiar with software development.
  • If you don't know any HTML, or you don't already have a preferred text editor, this course probably isn't for you.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 25 Lectures Collapse All 25 Lectures 01:35:44
+
Introduction
3 Lectures 04:19

A brief intro to the course and why you're going to love using Hugo to build static web sites.

Preview 00:41

Why static web sites are becoming more and more popular over traditional blogging tools or CMSes like Wordpress, Drupal or Joomla.

Preview 01:40

What sets Hugo apart from other static site generators and why Hugo made it to the top of my list.

Preview 01:58
+
Building Your First Site
6 Lectures 19:51

How to install (or download) Hugo and get it up and running on Macs, Windows or Linux

Preview 01:58

How the PATH environment variable works on Windows and how Windows finds the commands it's trying to run.

Preview 05:36

Learn how to run Hugo, how to learn more about the available options.

Getting to know Hugo
03:35

Learn how each directory in a Hugo project is used.

The Source Layout
03:46

Learn how to change the configuration your Hugo web site.

Site Configuration
01:52

Build a static site with Hugo using a variety of themes.

Your first static web site
03:04
+
Hugo Templates
3 Lectures 10:33

Learn how to create templates.

Introduction to Templates
04:24

Learn the difference between Page and Node types.

Page and Node Variables
02:19

Learn to love the power of partial templates.

Partial Templates
03:50
+
Themes
3 Lectures 15:34

Use themes to make it a snap to create a brand new site, and learn how to tweak the theme to your liking.

Using an Existing Theme
03:31

Quickly create a new theme (at least a skeleton).

Creating Your Own Theme
01:42

Create a Hugo theme from the Wordpress Twenty Fourteen theme.

Converting a Wordpress Theme
10:21
+
Additional Features
4 Lectures 09:31

Learn how to enable Live Reload in order to see your changes in the browser as soon as you save the markdown content file.

Live Reload
02:02

Use Hugo shortcodes to save time when adding more complicated content like YouTube videos and figures.

Shortcodes
04:02

Comments
01:03

How to add pages to menus and how to display menus in the layout.

Menus
02:24
+
Deploying Your Site
4 Lectures 29:51

Deploy your Hugo web site to a regular web server using FTP or git.

Regular Web Server
08:02

Dropbox
03:01

Github Pages
09:17

Amazon S3
09:31
+
Conclusion
1 Lecture 01:22
Concluding Remarks and Resources
01:22
+
Version Updates
1 Lecture 04:43

What's new in v0.13 and v0.14?

  • Deprecated names (BaseUrl -> BaseURL, getJson -> getJSON, etc)
  • Dynamic content - pull JSON and CSV content into your site
  • Pagination
  • Scratch pad for local page variables
  • Cross references to other pages
Changes in Hugo version 0.13 and 0.14
04:43
About the Instructor
Dan Hersam
4.0 Average rating
54 Reviews
279 Students
1 Course
Software Engineer and Freelance Web Developer

I've been hand coding web sites since 1994 and using PHP since 1998. I've worked as a Linux system administrator and as an enterprise software developer for over 20 years, at small and large companies.

I switched from Movable Type to Wordpress 1.2.1 in 2004 to manage my collection of web sites. I wrote several Wordpress plugins to improve functionality, but as traffic has increased over the years, I've had to install caching plugins, set up a CDN and tweak server settings to get Wordpress to perform well. I've earned my stripes improving Wordpress performance, but was on the lookout for something simpler and faster to manage web sites.

I found Hugo while researching static web site generators in early 2014 and have used it to easily manage web sites with blistering performance, both in rebuild times and load times, with nearly none of the headaches of a CMS.

I've contributed to the Hugo codebase, documentation and themes repository on Github.

In a way, Hugo is like returning home. Movable Type acted like a typical CMS, but behind the scenes it generated static HTML. The only problem was it grew slower and slower to generate the site as I created more posts. For me, the biggest selling point of Hugo is its sub-second site generation times.

When I'm not developing software or web sites, I spend time with my wife and four children in Indiana. On rare occasions, I juggle flaming torches.