Umm, Love It, and hugo? What’s going on?

Hugo

A static site genarator

Love It

Yet an another hugo theme

What’s big deal?

This article is mainly about Love IT theme’s specialities but maybe you can go ahead to it’s repo and learn for your own. So I’ll be focusing on it’s shortcodes which is an important element in hugo!

If you don’t know about shortcodes then here’s an example, Writing,

1

{{< youtube ULDrp20nwfE  >}}

will output,

So, long story short, if you want to learn more about shortcodes check Links and references

Some useful shortcodes

What I like most is admonition! Also there are quite a few but I like it more than others. Here’s some sample:

Admonition, it is!

So how do we actually use it? 🧐

Here’s an input,

1
2
3
4
5
6
7

{{< admonition type=tip title="This is a tip" open=false >}}
A **tip** banner
{{< /admonition >}}
Or
{{< admonition tip "This is a tip" false >}}
A **tip** banner
{{< /admonition >}}

And the output:

More Icons

We can use emojis without any issues, right? We also have emojify What if we extend the possibilities?

The answer is we can actually!

By using FontAwesome icons

It’s built in by default, just pick up from it’s website,

• Font Awesome icon search

1
2
3

Gone camping! :(fas fa-campground fa-fw): Be back soon.

That is so funny! :(far fa-grin-tears):

The rendered output looks like this:

Gone camping!  Be back soon.

That is so funny!

Links and references

Here are some links for faster access:

• Hugo
• Love It repo
• Love It website

And some links to some documentations:

• Theme Installation
• Theme Installation Content
• Markdown syntax
• Emoji support
• Built in shortcodes

And some extended shortcodes:

• Extended shortcodes
• Mermaid shortcodes
• Echarts shortcodes
• Mapbox shortcodes
• Music shortcodes
• Bilibili shortcodes
• TypeIt shortcodes

Happy content creation!

FAQ

Do I need to learn html, css or anything else for generating static sites?

• Short answer, no. Long answer, maybe duckduckgo and Google can help you find it. 🎯

Is it free?

• Well, if you host on GitHub and don’t need any domain just like me, then yeah! It’s free.

Got any more question?

• Feel free to text me ✨

Default banner size?

• For 1080p display, it’s x 223.112. So the ratio is around 3:1.

Extra

Let me share a trick! In this website, you’ll see headings starting with a vertical line or #, You can basically right click on them and copy a link which will work as a hyperlink to that specific Heading!

• Read more here about markdown from me!