Shortcodes

Release Date: Update date: Total Words: 382 Reading time: 2m by IP: 上海 Share Copy Url

ref https://gohugo.io/content-management/shortcodes/

Buttons

{{< button relref="/" [class="..."] >}}Get Home{{< /button >}}
{{< button href="https://github.com/xiexianbin/hugo-bootstrap-docs-x" >}}Contribute{{< /button >}}
Get Home Contribute

Columns

2 Columns

Hugo

Hugo is one of the most popular open-source static site generators. With its amazing speed and flexibility, Hugo makes building websites fun again. The world’s fastest framework for building websites

hugo-bootstrap-docs-x

hugo-bootstrap-docs-x was developed by xiexianbin based on Hugo. Framework source code escrow in Github, see: [hugo-bootstrap-docs-x] (https://github.com/xiexianbin/hugo-bootstrap-docs-x/).

3 Columns

{{< columns >}} <!-- begin columns block -->
# Left Content
Left Content...

<---> <!-- magic sparator, between columns -->

# Mid Content
Mid Content...

<---> <!-- magic sparator, between columns -->

# Right Content
Right Content...
{{< /columns >}}

Left Content

Left Content

Mid Content

Mid Content

Right Content

Right Content

Expand shortcode

Default

{{< expand >}}
## Markdown content
markdow content...
{{< /expand >}}
Expand

Markdown content

markdow content…

With Custom Label

{{< expand "Custom Label" "..." >}}
## Markdown content
Markdown content...
{{< /expand >}}
Custom Label ...

Markdown content

Markdown content…

figure

figure

Gist

{{< gist "xiexianbin" "b4d29101d9f363c05e710b3ac17b4393" >}}

highlight

{{< highlight "python" >}}
# -*- coding: UTF-8 -*-

if __name__ == '__main__':
    print 'Hello, world!'
{{< /highlight >}}
# -*- coding: UTF-8 -*-

if __name__ == '__main__':
    print 'Hello, world!'

img

img

instagram_simple

instagram_simple

instagram

instagram

Mermaid Chart

{{< mermaid [class="text-center"]>}}
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
{{< /mermaid >}}

<—>

sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!

param

{{< param "categories" >}}
[hugo-bootstrap-x]

ref

{{< ref "." >}}
https://www.xiexianbin.cn/en/_/hugo-bootstrap-x/

relref

{{< relref "." >}}
/en/_/hugo-bootstrap-x/

Tab & Tabs

{{< tabs "uniqueid" >}}
{{< tab "MacOS" >}} # MacOS Content {{< /tab >}}
{{< tab "Linux" >}} # Linux Content {{< /tab >}}
{{< tab "Windows" >}} # Windows Content {{< /tab >}}
{{< /tabs >}}

MacOS

This is tab MacOS content.

Linux

This is tab Linux content.

Windows

This is tab Windows content.

twitter

{{< tweet "1132540858702548992" >}}

youtube

{{< youtube qtIqKaDlqXo >}}

Translations

Home Archives Categories Tags Statistics
本文总阅读量 次 本站总访问量 次 本站总访客数