Shortcodes

Rather than writing all your site pages from scratch, Hugo lets you define and use shortcodes. These are reusable snippets of content that you can include in your pages, often using HTML to create effects that are difficult or impossible to do in simple Markdown. Shortcodes can also have parameters that let you, for example, add your own text to a fancy shortcode text box.

details#

Summary

Markdown content#

Lorem est tota propiore conpellat pectoribus de pectora summo.

figure#

Yellow Crane Tower

Yellow Crane Tower

highlight#

1package main
2
3import "fmt"
4
5func main() {
6    for i := 0; i < 3; i++ {
7        fmt.Println("Value of i:", i)
8    }
9}

center#

Center paragraph.

ltr#

  • This is an markdown list
  • It is LTR direction

rtl#

  • This is an markdown list
  • It is RTL direction

mermaid#

  
graph LR;
A[Lemons]-->B[Lemonade];
B-->C[Profit]

typeit#

tabpane#

puts 'Hello'
print('Hello')
console.log("Hello");
puts 'Hello'
print('Hello')
console.log("Hello");

bilibili#

columns#

Left Content#

Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.

Mid Content#

Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re.

Right Content#

Dolor sit, sumo unique argument um no. Gracie nominal id xiv. Romanesque acclimates investiture. Ornateness bland it ex enc, est yeti am bongo detract re. Pro ad prompts feud gait, quid exercise emeritus bis e. In pro quints consequent, denim fastidious copious quo ad. Stet probates in duo.