Theme Demo on Andreas Hansen • Software Development

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!

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.

Theme Demo on Andreas Hansen • Software Development

Markdown Syntax Guide

Rich Content

Link to heading

More Rich Content

Link to heading

Math Typesetting

HTML and CSS only tabs

Mermaid JS support

Emoji Support