Hugo

The world’s fastest framework for building websites

Showcase Sites

  • Automating Static Website Deployment, Part 1
    by AlphaGeek Tutorial
    Jun 28, 17

    Now that I have 8 static websites deployed into AWS using S3 and CloudFront I need to automate the deployment process so that I can make changes quickly and get them to production with less effort. To that end I have developed some scripts and configurations that automate the deployment of this site to a QA environment and production when changes are pushed to either branch.

  • Replacing Disqus with Github Comments
    by Don Williamson Tutorial
    Apr 23, 17

    I’ve been considering removing comments from this blog for a while; mainly because the site doesn’t trigger much discussion and I didn’t like keeping the overhead of Disqus around. After looking into Disqus load-time behaviour I was pretty shocked what I was forcing on people loading the site

  • Hugulp, a Hugo + Gulp toolchain
    by Juan B. Rodriguez Tutorial
    Apr 20, 17

    Having decided on Hugo, I created a workflow that would allow me to replicate the famous Ruby on Rails Asset Pipeline. The basic premise of the Asset Pipeline is to minify, concatenate and fingerprint the assets used in your blog (images, stylesheets, scripts) so that less (and smaller in size) network requests are made by the browser.

  • Getting Hugo running on Netlify
    by Richard Littauer Tutorial
    Apr 17, 17

    Running Hugo on Netlify is satisfyingly great. You can get a static website running with almost no operating costs (unless you’re at major scale), and you’re also able to quickly deploy by pushing to GitHub, as well as getting SSL through LetsEncrypt automatically at the push of a button.

  • Go static: 5 reasons to try JAMstack on your next project.
    by Tom Bennet, Builtvisible Article
    Mar 13, 17

    Whether you’re building a blog, setting up an ecommerce site, or developing a JavaScript-powered single page app, the days of defaulting to WordPress for all but the simplest projects are over. Static site generators and ultra-fast CDN-based distribution are powering a new generation of websites, and the time to embrace this is now. Before diving into the why, let’s quickly look at the what.

  • Enabling offline usage of a Hugo site (PWA)
    by Michel Racic Tutorial
    Mar 12, 17

    PWA (Progressive Web Apps) are pretty cool for certain use cases like users having flaky connections (e.g. from mobiles) or just to reduce the initial loading time (after the first visit to the page). I document my exercise adding offline capability to a small single page site with no frequent updates that I built with Hugo and the Dimension theme.

  • Twitter cards partials for Hugo
    by GoHugoHQ Tutorial
    Mar 10, 17

    With Twitter Cards, you can attach rich photos, videos and media experiences to Tweets, helping to drive traffic to your website. Simply add a few lines of markup to your webpage, and users who Tweet links to your content will have a “Card” added to the Tweet that’s visible to their followers. Here we will build a partial that shows you how to embedd this with ease in Hugo.

  • Autolinking shortcode through articles
    by GoHugoHQ Tutorial
    Mar 09, 17

    Sometimes its hard to crawl through all your articles and link them with specific keywords. What if you could just define the keywords you would like to have linked and Hugo finds the proper keywords and link them automatically with the actual page.

  • Go offline! Service Worker and Hugo
    by gohugohq Tutorial
    Mar 08, 17

    After mobile first, offline first and progressive web apps (PWA) are the current trend at the moment. Service Workers are crucial for both of them. A service worker is basically a script acting like a proxy between the browser and the network. You will find a simple example how to install a service worker for your Hugo satic site to make it blazing fast.

  • Activity Calendar Partial
    by GoHugoHQ Tutorial
    Mar 06, 17

    An activity calendar-widget is well known from content management systems like Wordpress. Users can see the activities/posts written in a calendar view and navigate through the archive. In this article, I show you one possible approach to achieve this with Hugo.

  • Hugo dateFormat
    by GoHugoHQ Tutorial
    Feb 21, 17

    Understanding times and dates in Hugo templates is not as easy as it looks like. In this article we will have a deeper look how to deal with dateFormat to receive an output you expect.

  • NPM scripts for building and deploying Hugo sites
    by Aerobatic Tutorial
    Feb 13, 17

    If you’re new to Hugo, one of the things you learn pretty quickly is that there’s no plugin system to extend beyond the core task of combining Markdown and templates to output a set of static .html files. Fortunately the npm ecosystem already has great tools for performing these tasks.

  • Serve static websites with Caddy web server
    by Peter Y. Chuang Tutorial
    Dec 30, 16

    Initially, I put this website on Github Pages, which is free and fast, but lacks flexibility. For months, I’ve been itching to migrate (the move to Firebase proved short-lived) while dreading the prospect of having to configure and maintain a server. Then I discovered Caddy web server, the easiest-to-set-up web server I’ve ever used.

  • HugoPhotoSwipe
    by Gertjan van den Burg Resources
    Dec 29, 16

    HugoPhotoSwipe, a command line application for creating and updating PhotoSwipe galleries in Hugo. HugoPhotoSwipe is also available from PyPI. The idea is to have a directory of photos for each gallery and a corresponding description file where captions of the photos can be defined.

  • AWS Lambda Static Site Generator Plugins - Alestic.com
    by Eric Hammond Tutorial
    Oct 31, 16

    A week ago, I presented a CloudFormation template for an AWS Git-backed Static Website stack. If you are not familiar with it, please review the features of this complete Git + static website CloudFormation stack. This weekend, I extended the stack to support a plugin architecture to run the static site generator of your choosing against your CodeCommit Git repository content.

  • Moving to a static site
    by David Yates Tutorial
    Aug 19, 16

    What I didn’t anticipate was the increased level of control over the site’s content and layout the change would give me – and it’s a big increase, big enough to be a deciding factor in the battle between blogging CMSs and static site generators.

  • Limitations of Hugo's Date Format Templating
    by Paul Heinlein Article
    Aug 04, 16

    The layout string used by the Parse function and Format method shows by example how the reference time should be represented. We stress that one must show how the reference time is formatted, not a time of the user’s choosing. Thus each layout string is a representation of the time stamp, Jan 2 15:04:05 2006 MST An easy way to remember this value is that it holds, when presented in this order, the values (lined up with the elements above): 1 2 3 4 5 6 -7

  • How to use Data Files in Hugo: an example
    by Peter Y. Chuang Tutorial
    May 19, 16

    In Hugo, Data Files are placed inside the data folder. Inside, you can further organise the files into different levels of sub-folders. For example, I have a folder named novelists, and inside novelists I have one more level of sub-folders, in which I store my data in YAML (you can choose to use TOML and JSON).

  • Switching to Aerobatic Static Site Hosting
    by Ryan Brown, Serverless Code Tutorial
    Mar 13, 16

    Aerobatic runs on AWS, so features like their CDN (actually CloudFront) and free SSL certificates (issued by ACM) are backed by familiar tools. The hugo-lambda templates cover some of the same ground, but Aerobatic also comes with a wealth of knowledge and best practices in its configuration. They set cache lifetimes, do URL rewriting, and build Jekyll or Hugo sites automatically.

  • How to host Hugo static website generator on AWS Lambda
    by Ilya Bezdelev Tutorial
    Dec 15, 15

    In this tutorial we will create a static website publishing platform hosted in the cloud using several AWS services. It will run static website generator Hugo on AWS Lambda, store files in AWS S3 and serve them from AWS CloudFront. You will learn what these services do and set them up with easy-to-follow step by step instructions and screenshots.

  • Static sites go all Hollywood
    by Phil Hawksworth Video/Presentation
    Sep 22, 15

    The popularity of building web sites with static site generators is on the rise. Their reduced complexity, easier compliance, cheaper hosting, and other benefits are getting people’s attention, but they do have limits.

    This talk will explore how we can break through some of those limits with the use of a new breed of hosted tools and services. We’ll look at practical examples of how a static site generator can help deliver a modern web development workflow, support a living styleguide, and also pack the kind of dynamic punch that you’d only think possible from bigger application stacks.

  • Bleve Search for Hugo Sites
    by Bleve Tutorial
    Jul 24, 15

    At a high level, there are three steps to adding search to your site. First, you must build the index. Second, you must host the index. Third, you add a search page to your site.

  • How To Use NPM As A Build Tool With Hugo - The Codestead
    by Isaac Gregson Tutorial
    Apr 04, 15

    Hugo is a rather an incredibly powerful tool for building websites. At its core it’s a static site generator. It’s built in the Go programming language. It’s incredibly fast. NPM is a package manager. Though the acronym stands for Node Package Manager its use extends beyond Node.js projects. Namely, it can be used as a simple yet powerful build tool. Let’s learn how to use NPM with Hugo to process our scripts and styles.

  • Major Release for Hugo
    by Steve Francia News
    Feb 22, 15

    The v0.13.0 release is the largest Hugo release to date. The release introduced some long sought after features (pagination, sequencing, data loading, tons of template improvements) as well as major internal improvements. In addition to the code changes, the Hugo community has grown significantly and now has over 3000 stars on github, 134 contributors, 24 themes and 1000s of happy users.