Build Static Sites in Seconds with Hugo

Learn how to build static sites quickly and easily with Hugo.
4.0 (30 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.
206 students enrolled
$25
Take This Course
  • Lectures 25
  • Contents Video: 1.5 hours
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2015 English

Course 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.

What are the 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

What am I going to get from this course?

  • 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

What 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.

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
00:41

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

01:40

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

01:58

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

Section 2: Building Your First Site
01:58

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

05:36

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

03:35

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

03:46

Learn how each directory in a Hugo project is used.

01:52

Learn how to change the configuration your Hugo web site.

03:04

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

Section 3: Hugo Templates
04:24

Learn how to create templates.

02:19

Learn the difference between Page and Node types.

03:50

Learn to love the power of partial templates.

Section 4: Themes
03:31

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

01:42

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

10:21

Create a Hugo theme from the Wordpress Twenty Fourteen theme.

Section 5: Additional Features
02:02

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

04:02

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

Comments
01:03
02:24

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

Section 6: Deploying Your Site
08:02

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

Dropbox
03:01
Github Pages
09:17
Amazon S3
09:31
Section 7: Conclusion
Concluding Remarks and Resources
01:22
Section 8: Version Updates
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

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Dan Hersam, 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.

Ready to start learning?
Take This Course