Headers

Tab {.tabset}

Example

Headers Range in size with 1 being the biggest down to 6

code

# Header 1  
## Header 2  
### Header 3  
#### Header 4  
##### Header 5  
###### Header 6

Tab {.tabset}

Example

Links can be anywhere in the text

Code

Links can be [[path/to/page "Description"|anywhere]].

- [[wikijs "Alt text"|Links can be formatted *as a list of blocks*]]
- [[wikijs "Alt text"|- by adding <kbd>-</kbd> to each line *and `{.links-list}` at the end*]]
- [And including the description *[surrounded by \*asterix\*]*](/wikijs "Alt text")
{.links-list}

Images

Tab {.tabset}

Example

You can insert an image like a link ![rnd](/rnd.png "Logo" =x50)

Code

You can insert an image like a link ![Image title](/path/to/image "Alt text" =100x50).

You can include only one sides sizing to maintain aspect ratio, e.g. 100x or x50, use a percentage of the availible area or use HTMLs <img> tag for complete control {.is-info}

Text Styling

Tab {.tabset}

Bold

This text is Bold.

This text is **Bold**.

Italic

This text is Italic.

This text is *Italic*.

Strikethrough

This text has a Strikethrough.

This text has a ~~Strikethrough~~.

Subscript

This text isSubscript.

This text is~Subscript~.

Superscript

This text is ^Superscript^.

This text is^Superscript^.

Lists

Tab {.tabset}

Unordered

- Unordered
- list
- items
- with
  - indented
    - items

Ordered

  1. Ordered
  2. list
  3. items
    1. with
    2. indented
      1. items
`1.` Use  
`1.` just  
`1.` '1.'  
`1.` and  
   `1.` three  
      `1.` spaces

Tasks

- [ ] Task
- [ ] lists
  - [ ] are
    - [x] like
- [x] ToDos

Task lists are not native to Markdown but will work on both Wiki.js and Github {.is-info}

Code and keys

Tab {.tabset}

Inline code

Line containing some code within.

Line containing `some code` within.

Keys

Line containing shortcut such as CTLR, ALT + DEL.

Line containing shortcut such as <kbd>CTLR</kbd>, <kbd>ALT</kbd> + <kbd>DEL</kbd>.

Code blocks

Block  
of  
code

```txt  
Block  
of  
code  
```

The txt after the first ``` indicates the formatting that the code should be displayed with. {.is-info}

lines

Tab {.tabset}

Example

Here is a line

In between text

Code

Here is a line
___
In between text

Tables

Tab {.tabset}

Example

Tables Are created
with pipes to seperate columns
hyphens after the title row
And colons to determine alignment

Code

| Tables        | Are           |   created |  
| ------------- | :-----------: | --------: |
| with pipes    | to seperate   |   columns |  
| hyphens       | after the     | title row |  
| And colons    | to determine  | alignment |

Blockquotes

Tabs {.tabset}

Example

This is a
blockquote

It is made with
a > before the first line

It can become an info blockquote with {.is-info} {.is-info}

a success blockquote with {.is-success} {.is-success}

a warning blockquote with {.is-warning} {.is-warning}

or an error blockquote with {.is-danger} {.is-danger}

Code

> This is a  
blockquote

> It is made with  
a > before the first line

> It can become an info blockquote with `{.is-info}`  
{.is-info}

> a success blockquote with `{.is-success}`  
{.is-success}

> a warning blockquote with `{.is-warning}`  
{.is-warning}

> or an error blockquote with `{.is-danger}`  
{.is-danger}

Content Tabs

Tabs {.tabset}

Example

Each of these example/code sections is a content tab

Tabs {.tabset}

Example

They can be nested, but it's not a great idea.

code

code

## Content Tabs

## Tabs {.tabset}

### Example

Each of these example/code sections is a content tab

### code
```
Code goes here
```

The Tabs {.tabset} header will not show
Header size can vary but tab titles must be one size smaller than Tabs {.tabset} {.is-info}

Diagrams

Tabs {.tabset}

Mermaid

sequenceDiagram
    Alice ->> Bob: Hello Bob, how are you?
    Bob-->>John: How about you John?
    Bob--x Alice: I am good thanks!
    Bob-x John: I am good thanks!
    Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

    Bob-->Alice: Checking with John...
    Alice->John: Yes... John, how are you?

Mermaid Code

```mermaid
sequenceDiagram
    Alice ->> Bob: Hello Bob, how are you?
    Bob-->>John: How about you John?
    Bob--x Alice: I am good thanks!
    Bob-x John: I am good thanks!
    Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

    Bob-->Alice: Checking with John...
    Alice->John: Yes... John, how are you?
```

Plantuml

Bob->Alice : hello

Plantuml Code

```plantuml
Bob->Alice : hello
```