The world’s fastest framework for building websites
Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again.
- Hugo Page Resourcesby Regis Philibert TutorialJan 11, 18
In this article we’ll cover Page Resources and its impact on the way we structure our content folders, what methods and properties it offers, how to use it in our templates and markdown and finally its current limitations and how we can circumvent them with the creation of manifest array direclty in our Page’s Front Matter.
- How to build custom Hugo paginationby Glenn McComb TutorialJan 10, 18
Hugo is an awesome feature-packed static site generator which is also open source and free. It ships with a default pagination template but if you’re looking for full control, I’m going to demonstrate how to build custom pagination.
- Hugo Web Development Workflow on Windowsby Ashwin Narayan TutorialDec 31, 17
I’ve been primarily using Windows as my operating system for the past year or so. Having used Linux for a long time, I definitely missed the conveniences offered by shell scripting and other command line tools. However, while setting up a workflow in Windows for publishing content to my website I discovered that Windows’ scripting tools are not all that bad. In fact, for anyone familiar with scripting from Linux, moving to Powershell isn’t that hard.
- Hugo + Staticman: Nested Replies and E-mail Notificationsby Dan C Williams TutorialDec 30, 17
In this post I want to cover the steps I went through to get Staticman nested comments and e-mail notifications working in Hugo.
- Regis Philibert | Hugo TranslatorTutorialDec 20, 17
Go Template is the templating language used by Hugo and other Go systems. Now it is not Twig or Blade or Liquid, don’t get fooled by the familiar curlies. It is a far stretch from those well known Templating Language out there…
- Notes about migrating to Hugoby Fatih Arslan TutorialNov 30, 17
I’ve moved my blog to a new blogging platform. This time from Wordpress.com to Hugo. I took some notes about various parts of this migration. I wrote some of my thoughts on why I made the switch, ideas, improvements for the design and custom tooling for my editing workflow.
- Hugo and Madoko in a Custom Docker Image for GitLab CI/CDby Brian Klein ArticleOct 20, 17
TIPS FOR HOW TO SETUP HUGO AND MADOKO INSIDE OF AN ALPINE LINUX BASED DOCKER IMAGE FOR GITLAB CI/CD.
- Awesome Hugo Boilerplatesby Josh Habdas TutorialOct 08, 17
In the fashion of Awesome React Boilerplates habd.as is comin’ atcha with an all new evergreen list of awesome boilerplates—this time for the one and only Hugo static site generator.
- Hugo Templates for WordPress Designersby Leon Barnard, Treehouse Blog TutorialSep 30, 17
Last year I wrote an article introducing the general concepts behind static site generators. This time around I’d like to dive into some specific (yet still basic) details about a popular static site generator called Hugo, comparing it to its most well-known “dynamic” ancestor, WordPress.
- Hugo Hosting with KeyCDNby KeyCDN TutorialSep 11, 17
Host Your Static Site as a Gitlab Page Behind a KeyCDN Pull Zone
- Implementing a Series in Hugoby Joe Sacher TutorialAug 03, 17
In converting my Pelican blog over to Hugo, I needed to learn a new templating system. I miss a few things that Pelican did, like categories based on folders and not front matter. However, I can see advantages of allowing more organization in these folders, without affecting final position on the web.
- Generating Comments on Static Sites with Staticmanby tosbourn TutorialJul 26, 17
In this article I’m going to go through the basics of setting up a Jekyll site, GitHub Pages and Staticman. If you’re just interested in Staticman please skip down a bit!
- A Gentle Introduction to Creating a Minimal Hugo Siteby Arun Ravindran TutorialJul 10, 17
This post tells you how to start small with just the bare minimum files and directories to build a Hugo site without errors.
- Automating Static Website Deployment, Part 1by AlphaGeek TutorialJun 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.
- Embed your typeform on Hugo sitesby Typeform TutorialJun 25, 17
Adding a typeform to your Hugo site is as easy as you would expect with a static site.
- Switching to Hugo from Nikolaby Sadanand Singh ArticleJun 24, 17
Hugo is a light weight, fast and modern static website engine written in go. It literally takes just milliseconds to build your entire site. For the given lightness, it is highly flexible as well.
- Building a JAMstack site with Hugo and Azure Functionsby Henrik Lau Eriksson TutorialJun 13, 17
- Deploying Hugo on Bluemixby Ryan Tiffany, dev.to TutorialJun 08, 17
In today’s post we will be showing how to deploy a Hugo site to Bluemix using the Cloud Foundry command line and build tools.
- Migrating from Jekyll+Github Pages to Hugo+Netlifyby Sara Soueidan TutorialJun 07, 17
During the last 18 months, working on my Web site became a daunting task—be that for developing, redesigning it, writing a blog post, or making updates to my speaking and workshop pages. My then static site generator, Jekyll, is why. And a change has long been overdue…
- HBuild, Test, And Deploy Statically Generated Websites With Hugoby Ricardo Feliciano, CircleCI TutorialMay 31, 17
Building a Hugo website on CircleCI 2.0 is fast and simple, so let’s start here. We’ll walk through snippets of an example .circleci/config.yml with the whole file at the end of this post.
- Delaying Disqus comments to save (a ton of) requestsby Igor Kulman TutorialMay 30, 17
- Creating a JSON Feed for Hugoby Raymond Camden TutorialMay 18, 17
Recently a new specification was launched to recreate RSS in JSON, JSON Feed. For folks who may not be aware, RSS is an XML spec (well, multiple ones) for sharing content between sites.
- Converting WordPress Export File to Hugoby Elmar Klausmeier TutorialApr 24, 17
I have written on the Hugo static site generator here. Now I have written a migration program in the Go programming language to convert from WordPress export format to Hugo format.
- Replacing Disqus with Github Commentsby Don Williamson TutorialApr 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 toolchainby Juan B. Rodriguez TutorialApr 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 Netlifyby Richard Littauer TutorialApr 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.
- Hugo Easy Galleryby Li-Wen Yip TutorialApr 05, 17
Using Hugo’s built-in shortcodes, Hugo Easy Gallery makes Hugo image galleries easy.
- Hugo .Scratch explainedby Regis Philibert TutorialApr 03, 17
Working variables in Hugo can be complicated when coming from classic languages.
- Dealing with version conflicts between Hugo and Netlifyby Adam Wills TutorialMar 19, 17
One of the trickier issues that I dealt with when getting started with Hugo and deploying to Netlify involved what I later found out to be a conflict of versions.
- Go static: 5 reasons to try JAMstack on your next project.by Tom Bennet, Builtvisible ArticleMar 13, 17
- Enabling offline usage of a Hugo site (PWA)by Michel Racic TutorialMar 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 Hugoby GoHugoHQ TutorialMar 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 articlesby GoHugoHQ TutorialMar 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 Hugoby gohugohq TutorialMar 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.
- Compare date strings in hugoby GoHugoHQ TutorialMar 07, 17
Assume you wish to compare two formatted date strings like 2017-03-15 with 2017-01-12 and you want to compare them which one is older. Or check if a date is in past or future.
- How to schedule posts for static site generators (Jekyll, Hugo, Phenomic etc.)by David Wells TutorialMar 07, 17
The post scheduler is a serverless project that gives static site owners the ability to schedule posts (or other site content).
It works with any static site setup (Jekyll, Hugo, Phenomic, Gatsby etc.)
- Activity Calendar Partialby GoHugoHQ TutorialMar 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.
- How to create a first-letter indexed listby GoHugoHQ TutorialMar 04, 17
Think about the address book on your mobile phone scroll it down and you see that all the titles above are first-letters from the following entries. In this article you will find a solution how to achieve this with Hugo.
- Zero to HTTP/2 with AWS and Hugo - habd.asby Josh Habdas TutorialMar 03, 17
In this post you will learn how to go from Zero to HTTP/2 with AWS and Hugo, the fastest static site generator in existence.
- An Example of a Static Site with a Dynamic Calendar · Raymond Camdenby Raymond Camden TutorialFeb 28, 17
create a simple dynamic calendar system with a static web site.
- Them's Good Broth! | Adding Isso Comments To Hugoby Stíobhart Matulevicz TutorialFeb 24, 17
If you’ve read my recent post on Disqus’s underhand link hijacking, you’ll know that it gave me the impetus I needed to finally make good on my long-held intention of getting rid of Disqus and installing a self-hosted comments system on Them’s Good Broth instead—to wit Isso.
- Hugo dateFormatby GoHugoHQ TutorialFeb 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.
- Deploy a Hugo site to Aerobatic with CircleCIby AerobaticFeb 14, 17
With the recent introduction of our new CLI, you can now host your Hugo sites on GitHub and using a Continuous Deployment tool like CircleCI, deploy to Aerobatic.
- NPM scripts for building and deploying Hugo sitesby Aerobatic TutorialFeb 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.
- Choose Hugo Over Jekyll - habd.asby Josh Habdas TutorialFeb 01, 17
After trying a number of SSGs myself over the years the one I’ve zeroed in on is none other than Hugo. Here’s just a few of the reasons why Hugo rocks the socks off Jekyll:
- How to show related posts in Hugoby Peter Y. Chuang TutorialDec 30, 16
The ability to show related posts is not yet a feature in Hugo. At present, one way to achieve this is by showing posts that have common tags or categories with the intersect function, as described in Hugo’s documentation.
- Serve static websites with Caddy web serverby Peter Y. Chuang TutorialDec 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.
- HugoPhotoSwipeby Gertjan van den Burg ResourcesDec 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.
- Hosting Hugo on GitLabby Bryan Klein TutorialDec 21, 16
A short overview of what I did to host this Hugo-based website on Gitlab.
- AWS Lambda Static Site Generator Plugins - Alestic.comby Eric Hammond TutorialOct 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 siteby David Yates TutorialAug 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 Templatingby Paul Heinlein ArticleAug 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
- Considerations when converting from WordPress.com to Hugoby Elmar Klausmeier TutorialJun 13, 16
Below is a list of tasks and open issues when migrating from WordPress.com to Hugo:
- How to use Data Files in Hugo: an exampleby Peter Y. Chuang TutorialMay 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).
- A reactive serverless cms for the technology blog · Razorfish Technology Blogby Razorfish TutorialMay 06, 16
A reactive serverless cms for the technology blog
- Leverage shortcodes in Hugoby Julio Pescador TutorialMar 16, 16
I’ve been trying out Hugo recently for my website which is a great and fun tool to use. There is a particular feature that you can use which I find to be very helpful. This feature is called shortcodes .
- Switching to Aerobatic Static Site Hostingby Ryan Brown, Serverless Code TutorialMar 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.
- Tips and tricks for building a theme in Hugoby Jeff McMorris TutorialFeb 29, 16
So I am learning how to build a theme in hugo and wanted to document the things I found that were not obvious to me.
- Minify Hugo Generated HTML · RatsonTutorialFeb 16, 16
Minification can be easily archived by using Gulp and some scripts. You can see the result from the source of this blog.
- Working with Hugo's Internal Partial Templates: twitter-cardsby Brendan Quinn TutorialFeb 12, 16
Hugo’s internal templates are neat and helpful. They are templates that live within hugo and can be referenced similar to other templates.
- Developing a Static Site Generator Workflowby Thomas Peham, Sitepoint TutorialFeb 04, 16
In this article, I’d like to give you some insights into the journey we undertook in the last couple of months to change our stack of tools and the way we produce and deploy new landing pages.
- Implementing blog theme bells and whistles in Hugo: pagination, pages, related posts, and tag listsby Justin Dunham TutorialJan 22, 16
First in a series
- How to host Hugo static website generator on AWS Lambdaby Ilya Bezdelev TutorialDec 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.
- Deploy your blog to github pages automatically using Hugo and Travisby Roman Coedo TutorialDec 03, 15
- The World’s Greatest (Free) Static Site Builders / Generatorsby Vienna.html Video/PresentationNov 25, 15
Presentation from the first Vienna.html Meetup
- Static Website Generators Reviewed: Jekyll, Middleman, Roots, Hugoby Mathias Biilmann, Smashing Magazine ReviewNov 16, 15
Static website generation is quickly becoming a big part of the professional website builder’s toolbox. A new static website generator seems to pop up every week. Figuring out which one to use can be like a walk in the jungle.
- How To Install and Use Hugo, a Static Site Generator, on Ubuntu 14.04by Justin Ellingwood TutorialNov 09, 15
In this guide, we will cover how to install and use Hugo on an Ubuntu 14.04 server. This will allow us to configure a static site, create content, and publish on the same server or deploy to a production location.
- Hugo Continuous Integration with Wercker and Bitbucketby Aerobatic Resource/WebsiteOct 15, 15
Hugo is a slick static site generator built in Go, and is viewed by many developers as a better alternative to Jekyll. Wercker is a docker-based continuous integration (CI) tool that integrates nicely with Bitbucket. And Aerobatic, of course, is a static-hosting solution that integrates with Bitbucket via an add-on.
- Hands on Experience with Hugo as a Static Site Generatorby Thomas Peham, Usersnap ArticleOct 15, 15
- Static sites go all Hollywoodby Phil Hawksworth Video/PresentationSep 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.
- Why Hugo? A static site generator optimized for performanceby Rick Cogley, eSolia ArticleAug 12, 15
- Bleve Search for Hugo Sitesby Bleve TutorialJul 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 Codesteadby Isaac Gregson TutorialApr 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 Hugoby Steve Francia NewsFeb 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.
- Jekyll and it's alternatives from a site generation point of viewby Fredrik Loch ArticleAug 13, 14