mdBook Options

• Change browser tab title
• Include other files
• Rust Playground
• MathJax support
• Embedify
• Alerts
• Mermaid
• Tabs
  • Global tabs
• Admonish

For more details see mdBook docs

Change browser tab title

{{#title New & improved}}

Include other files

Include line 2-10 of the file rust.rs.

{{#include rust.rs:2:10}}

fn do_things<T>(a: T, b: T)
where
    T: IntoIterator,
    T::Item: Display,
{
    for (e, f) in a.into_iter().zip(b.into_iter()) {
        println!("{} {}", e, f);
    }

Rust Playground

Use Rust Playground to run code in the browser.

Produce editable code that runs in the browser.

```rust,editable
fn main() {
    let number = 5;
    print!("{}", number);
}
```

fn main() {
    let number = 5;
    print!("{}", number);
}
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Non-editable code. Runs in the browser.

```rust
fn main() {
    let x = "Rust";
    print!("{}", x);
}
```

fn main() {
    let x = "Rust";
    print!("{}", x);
}

MathJax support

\\[ \mu = \frac{1}{N} \sum_{i=0} x_i \\]

μ=1N∑i=0xi

Embedify

Get mdBook-embedify. Embed videos, gists & codepens. Option to include banners, scroll-to-top and footer options.

Alerts

Modified and translated version of mdBook-alerts. English and Swedish. See options: https://github.com/horbjorn/rs-mdbook-alerts

Example:

 > [!NOTERA]  
 > Random text

mdBook's builtin version in html:

<div class="warning">

This is a bad thing that you should pay attention to.

Warning blocks should be used sparingly in documentation, to avoid "warning
fatigue," where people are trained to ignore them because they usually don't
matter for what they're doing.
</div> 

Mermaid

Mermaid Theme

mdBook-mermaid

```mermaid
%%{
  init: {
    'theme': 'base',
    'themeVariables': {
      'primaryColor': '#abcadf',
      'primaryTextColor': '#000',
      'primaryBorderColor': '#abcadf',
      'lineColor': '#fae2b3',
      'secondaryColor': '#89a389',
      'tertiaryColor': '#fff'
    }
  }
}%%
        graph TD
          A[Christmas] -->|Get money| B(Go shopping)
          B --> C{Let me think}
          B --> G[/Another/]
          C ==>|One| D[Laptop]
          C -->|Two| E[iPhone]
          C -->|Three| F[fa:fa-car Car]

style D fill:#cdcdf3,color:#23272e,stroke-opacity:0.2

style E fill:#c8f1f3,color:#23272e,stroke-opacity:0.2

style G fill:#f9e5bc,color:#8c8c8c,stroke-opacity:0.2

style C fill:#839bac,color:#23272e,stroke-opacity:0.2

style B fill:#c7e9d3,color:#23272e,stroke-opacity:0.2

style F fill:#cbd5df,color:#23272e,stroke-opacity:0.2

style Test fill:#dfdfdf,color:#23272e,stroke-opacity:0.2



          subgraph section
            C
            D
            E
            F
            G
          end
          
          
```

Tabs

Get mdbook-tabs

{{#tabs }}
{{#tab name="Tab 1" }}
**Tab content 1**
{{#endtab }}
{{#tab name="Tab 2" }}
_Tab content 2_
{{#endtab }}
{{#tab name="Tab 3" }}
~~Tab content 3~~
{{#endtab }}
{{#endtabs }}

Global tabs

{{#tabs global="test" }}
{{#tab name="Rust" }}

```rust,noplayground  
fn main() {
println!("Hello World!");  
} 
```

{{#endtab }}
{{#tab name="HTML" }}

```html
<p style="text-align:center;">Essential Shortcuts</p>
```

{{#endtab }}
{{#tab name="CSS" }}

```css
.mdbook-tab {
    background-color: var(--table-alternate-bg);
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    font-size: 1.6rem;
    line-height: 1.45em;
}
```

{{#endtab }}
{{#endtabs }}

fn main() {
println!("Hello World!");  
} 

<p style="text-align:center;">Essential Shortcuts</p>

.mdbook-tab {
    background-color: var(--table-alternate-bg);
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    font-size: 1.6rem;
    line-height: 1.45em;
}

fn main() {
println!("Hello World!");  
} 

<p style="text-align:center;">Essential Shortcuts</p>

.mdbook-tab {
    background-color: var(--table-alternate-bg);
    padding: 0.5rem 1rem;
    cursor: pointer;
    border: none;
    font-size: 1.6rem;
    line-height: 1.45em;
}

Admonish

Install admonish

Examples:

```admonish
Some text
```

```admonish example
example
```

```admonish quote collapsible=true, title='A title that really <span style="color: #e70073">pops</span>'
To really <b><span style="color: #e70073">grab</span></b> your reader's attention.
```