site/themes/minimo/exampleSite/content/docs/shortcodes.md

date, lastmod, title, authors, categories, tags, slug, toc

date	lastmod	title	authors	categories	tags	slug	toc
2017-10-05T20:00:00+06:00	2020-10-06T02:00:00+06:00	Shortcodes	muniftanjim	features	shortcode	shortcodes	true

Minimo comes with several shortcodes built-in.

---

Shortcode: center

Center align you content.

center: Parameters

• Markdown content between opening and closing tags.

center: Usage Example

{{</* center */>}}
_Center Aligned Text_
{{</* /center */>}}

Output:

{{< center >}} Center Aligned Text {{< /center >}}

---

Shortcode: convo

Renders conversation blocks.

convo: Parameters

• sep [String] (optional): seperator between person and text (default: ":")

convo: Inner Syntax

person :: text

You can remove the person part, if you want.

convo: Usage Example

{{</* convo sep=":" */>}}

Jerry :: You don't look so tough.

Finch :: It's because I have only two modes, Jerry. Calm, and furious. It's a rare person that sees the latter and lives to talk about it.

{{</* /convo */>}}

Output:

{{< convo sep=":" >}}

Jerry :: You don't look so tough.

Finch :: It's because I have only two modes, Jerry. Calm, and furious. It's a rare person that sees the latter and lives to talk about it.

{{< /convo >}}

---

Shortcode: file

Include content from seperate file with syntax highlighting.

file: Parameters

0 => filename [String] (required)
1 => filetype [String] (optional)

file: Usage Example

{{</* file "content/_index.md" */>}}

Output:

{{< file "content/_index.md" >}}

---

Shortcode: katex

Renders KaTeX.

katex: Parameters

0 => mode [String] (optional): inline / block

katex: Usage Example

Inline: {{</* katex inline */>}} ax^2 + bx + c = 0 {{</* /katex */>}}

Block:
{{</* katex */>}}
x = {-b \pm \sqrt{b^2-4ac} \over 2a}
{{</* /katex */>}}

Output:

Inline: {{< katex inline >}} ax^2 + bx + c = 0 {{< /katex >}}

Block: {{< katex >}} x = {-b \pm \sqrt{b^2-4ac} \over 2a} {{< /katex >}}

---

Shortcode: text

Text with custom size and color

text: Parameters

You can use either Named or Unnamed Parameters

Named Parameters:

• s or size [String] (optional): multiplier relative to the normal size
• c or color [String] (optional): name / hex / rgb / rgba

Unnamed Parameters:

0 => textsize [String] (required): multiplier relative to the normal size
1 => textcolor [String] (optional): name / hex / rgb / rgba

text: Usage Example

{{</* text s="1.4" color="purple" */>}}
font-size: 1.4em;
color: purple;
{{</* /text */>}}

Output:

{{< text s="1.4" color="purple" >}} font-size: 1.5em;
color: purple; {{< /text >}}

Shortcode: slideshare

As default Hugo's shortcodes for Twitter, Instagram, Vimeo, Youtube you can embed SlideShare presentation/document into your page.

slideshare: Parameters

Named Parameters:

• id [String] (required): id of SlideShare you want to embed. You can find it in SlideShare URL or click "Share" -> See id field in "WordPress Shortcode" section.

slideshare: Usage Example

{{</* slideshare 237760779 */>}}

Output:

{{< slideshare id="237760779" >}}