gohugohq
  • Emojis Shortcode

    Emojis are amazing, cute, clear, confusing, funny or whatever you connect with this topic. However - Emoticons are trendy and in Hugo there is a function available called emojify. Where you can convert a :thumbsup: to a thumb that shows up. But this can mess up really quickly if you apply this to the whole article. We will create a quick shortcode to solve this problem.

    Mar 11, 2017, 1 minutes to read
  • Twitter cards partials for Hugo

    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.

    Mar 10, 2017, 4 minutes to read
  • Autolinking shortcode through articles

    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.

    Mar 9, 2017, 2 minutes to read
  • hugodocs.info

    Mar 8, 2017, 1 minutes to read
  • Go offline! Service Worker and Hugo

    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.

    Mar 8, 2017, 9 minutes to read
  • Compare date strings in hugo

    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. We jump into this topic here.

    Mar 7, 2017, 7 minutes to read
  • Format numbers with a leading zero

    This is more a quick tip than a huge article. Often you need numbers below 10 with a leading zero like 03 instead of 3. This can be achieved easily with Hugo's printf method.

    Mar 7, 2017, 1 minutes to read
  • Activity Calendar Partial

    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.

    Mar 6, 2017, 8 minutes to read
  • How to create a first-letter indexed list

    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.

    Mar 4, 2017, 2 minutes to read
  • Hugo is on Twitter

    Feb 28, 2017, 1 minutes to read
  • Hugo v0.19 - Release

    Feb 27, 2017, 1 minutes to read
  • Hugo dateFormat

    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.

    Feb 21, 2017, 11 minutes to read
  • Continuous Deployment with Hugo using Deploybot and a CronJob

    Beside of all advantages of a Static Site, they have one significant disadvantage for blogs in comparison to popular Systems like Wordpress or Drupal running on a PHP-Server. Static Sites needs to be re-deployed to publish new content. In this article, I show you a way to do this with a regular update without a manual process in place.

    Feb 9, 2017, 7 minutes to read
  • Hugo isset in templates

    As in almost any programming language, you can check if a parameter is set using isset in Hugo templates.

    Jan 27, 2017, 2 minutes to read
  • Breadcrumb partial with structured data

    Creating a breadcrumbs-list is unfortunatley not a built in function from Hugo. In this article you find a way to create breadcrumbs including structured data with the power of partials.

    Jan 18, 2017, 2 minutes to read
  • Add-This social sharing icons in Hugo Sites

    Add-This is one of the most famous service if it comes to social sharing icons. There are tons of features including displaying social counters and picking tons of social media platforms without pain. There are paid plans, but the basic version is free, probably a good reason for it's pupularity. In this article you find a partial you can copy-paste to make the integration of an Add-This-Widget a piece of cake.

    Jan 14, 2017, 1 minutes to read
Sections
  • How-To & Best Practice
  • Partials & Shortcodes
  • Hugo Themes
  • News & Updates
  • Common Errors
Resources
  • Hugo Documentation
  • Hugo Community
  • Hugo Repository
License

All content is distributed under the Creative Commons Attribution 4.0 International (CC BY 4.0).

A link back is warmly welcomed but not necessary if you only use code examples in your project.