Short Codes

Embeds

YouTube

Markdown
{{< youtube WPl10ZrhCtk >}}

Output

X

Markdown
{{< x user="timberners_lee" id="290140454211698689" >}}

Output

Instagram

Markdown
{{< instagram DNqZFebszlb >}}

Output

Tabs

Markdown
{{< tabs count=3 group="os" label="Select OS" >}}

{{< tab label="macOS" >}}
- Guidelines for macOS
{{< /tab >}}

{{< tab label="Linux" >}}
- Guidelines for Linux
{{< /tab >}}

{{< tab label="Windows" >}}
- Guidelines for Windows
{{< /tab >}}

{{< /tabs >}}

Output

macOS
  • Guidelines for macOS
Linux
  • Guidelines for Linux
Windows
  • Guidelines for Windows

Accordion Vertical Tabs

Markdown
{{< accordion-vertical-tabs count="3" tabHeight="3.75rem" label="Select feature" >}}
{{< tab label="Feature 01" >}}

Feature 01 Markdown

```rust {title="Rust"}
fn main() {
    println!("Hello, world!");
}
```

{{< /tab >}}
{{< tab label="Feature 02" >}}

Feature 02 Markdown

```rust {title="Rust"}
fn main() {
    println!("Hello, world!");
}
```

{{< /tab >}}
{{< tab label="Feature 03" >}}

Feature 03 Markdown

```rust {title="Rust"}
fn main() {
    println!("Hello, world!");
}
```

{{< /tab >}}
{{< /accordion-vertical-tabs >}}

Output

Feature 01

Feature 01 Markdown

Rust
fn main() {
    println!("Hello, world!");
}
Feature 02

Feature 02 Markdown

Rust
fn main() {
    println!("Hello, world!");
}
Feature 03

Feature 03 Markdown

Rust
fn main() {
    println!("Hello, world!");
}
Tip

An accordion on mobile, Vertical tabs on tablet and desktop.

Code Highlight

Markdown
{{< highlight yml "linenos=inline,hl_lines=5-6,linenostart=4" >}}
app:
build:
context: .
dockerfile: ./docker/app/Dockerfile
env_file:
    - ./docker/app/.env
ports:
    - "8080:8080"
{{< / highlight >}}

Output

 4app:
 5build:
 6context: .
 7dockerfile: ./docker/app/Dockerfile
 8env_file:
 9  - ./docker/app/.env
10ports:
11  - "8080:8080"