Lone Coder on Jeison Santiago

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.

Rich Content

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

Hugo ships with several Built-in Shortcodes for rich content, along with a Privacy Config and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.

Link to heading

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 alighment 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.

Lone Coder on Jeison Santiago

Markdown Syntax Guide

Rich Content

Link to heading

More Rich Content

Link to heading

Math Typesetting

HTML and CSS only tabs

Shortcodes Link to heading

Right alighment Link to heading

Mermaid JS support

Emoji Support

External Page: Hugo Coder Wiki

Placeholder Text