Buttons
{{< button relref="/" [class="..."] >}}Get Home{{< /button >}}
{{< button href="https://github.com/xiexianbin/hugo-bootstrap-docs-x" >}}Contribute{{< /button >}}
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
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 >}}
<—>
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!
param
{{< param "categories" >}}
ref
{{< ref "." >}}
relref
{{< relref "." >}}
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.
{{< tweet "1132540858702548992" >}}
youtube
{{< youtube qtIqKaDlqXo >}}