hugo-theme-zzo/exampleSite/content/posts/shortcodes.md

title	date	description	draft	hideToc	enableToc	enableTocContent	tocPosition	tags	series	categories	featured_image
Shortcodes	2020-01-25T06:40:51+09:00	tabs, code-tabs, expand, alert, notice, img, box	false	false	true	false	inner	shortcode			feature3/code-file.png

{{< box >}} Box {{< /box >}}

{{< codes java javascript >}} {{< code >}}

System.out.println('Hello World!');

{{< /code >}} {{< code >}}

console.log('Hello World!');

{{< /code >}} {{< /codes >}}

{{< tabs Windows MacOS Ubuntu >}} {{< tab >}}

Windows section

console.log('Hello World!');

{{< /tab >}} {{< tab >}}

MacOS section

Hello world! {{< /tab >}} {{< tab >}}

Ubuntu section

Great! {{< /tab >}} {{< /tabs >}}

{{< alert theme="warning" >}} this is a text {{< /alert >}}

{{< alert theme="info" >}} this is a text {{< /alert >}}

{{< alert theme="success" >}} this is a text {{< /alert >}}

{{< alert theme="danger" >}} this is a text {{< /alert >}}

{{< img src="/images/whoami/avatar.jpg" title="title" caption="caption" alt="example avatar" width="400px" >}}