-
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.
-
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.
-
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.
-
-
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.
-
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.
-
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.
-
-
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.
-
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.
-
-
-
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.
-
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.
-
As in almost any programming language, you can check if a parameter is set using isset in Hugo templates.
-
-
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.
-
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.