johndoe

Markdown Syntax Guide

Thu, 13 Jul 2023 00:00:00 +0000

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

Math Typesetting

Mon, 10 Jul 2023 00:00:00 +0000

Mathematical notation in a Hugo project can be enabled by using third party JavaScript libraries.

HTML and CSS only tabs

Sun, 09 Jul 2023 00:00:00 +0000

Shortcodes Link to heading

The following content:

{{< tabgroup >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Will generate:

Hello

Hello World!

Goodbye

Goodbye Everybody!

Right alignment Link to heading

You can also align the tabs to the right:

{{< tabgroup align="right" >}}
{{< tab name="Hello" >}}
Hello World!
{{< /tab >}}

{{< tab name="Goodbye" >}}
Goodbye Everybody!
{{< /tab >}}
{{< /tabgroup >}}

Giving you this look:

Mermaid JS support

Sat, 08 Jul 2023 00:00:00 +0000

If you want to use Mermaid-JS on your website. Provide mermaid as Shortcode in your markdown file.

flowchart LR A --> B B --> C C --> D D --> B

sequenceDiagram participant Alice participant Bob Alice->>Bob: Hi Bob Bob->>Alice: Hi Alice

Find more example on Mermaid-JS website.

Emoji Support

Fri, 07 Jul 2023 00:00:00 +0000

Emoji can be enabled in a Hugo project in a number of ways.

External Page: Hugo Coder Wiki

Thu, 06 Jul 2023 00:00:00 +0000

Placeholder Text

Wed, 05 Jul 2023 00:00:00 +0000

Lorem est tota propiore conpellat pectoribus de pectora summo.

About

Thu, 28 Feb 2019 00:00:00 +0000

Written in Go, Hugo is an open source static site generator available under the Apache Licence 2.0. Hugo supports TOML, YAML and JSON data file types, Markdown and HTML content files and uses shortcodes to add rich content. Other notable features are taxonomies, multilingual mode, image processing, custom output formats, HTML/CSS/JS minification and support for Sass SCSS workflows.

Hugo makes use of a variety of open source projects including:

Hugo is ideal for blogs, corporate websites, creative portfolios, online magazines, single page applications or even a website with thousands of pages.

Contact

Mon, 01 Jan 0001 00:00:00 +0000

Follow me, @johndoe.

Projects