¶ Headers
Headers Range in size with 1 being the biggest down to 6
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
¶ Links
Links can be anywhere in the text
Links can be [anywhere](/path/to/page "Description").
- [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*](/wikijs "Alt text")
- [And including the description *[surrounded by \*asterix\*]*](/wikijs "Alt text")
{.links-list}
¶ Images
You can insert an image like a link 
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.
100xorx50, use a percentage of the availible area or use HTMLs<img>tag for complete control
¶ Text Styling
This text is Bold.
This text is **Bold**.
This text is Italic.
This text is *Italic*.
This text has a Strikethrough.
This text has a ~~Strikethrough~~.
This text isSubscript.
This text is~Subscript~.
This text is Superscript.
This text is^Superscript^.
¶ Lists
- Unordered
- list
- items
- with
- indented
- items
- indented
- Unordered
- list
- items
- with
- indented
- items
- Ordered
- list
- items
- with
- indented
- items
`1.` Use
`1.` just
`1.` '1.'
`1.` and
`1.` three
`1.` spaces
- Task
- lists
- are
- like
- are
- ToDos
- [ ] Task
- [ ] lists
- [ ] are
- [x] like
- [x] ToDos
Task lists are not native to Markdown but will work on both Wiki.js and Github
¶ Code and keys
Line containing some code within.
Line containing `some code` within.
Line containing shortcut such as CTLR, ALT + DEL.
Line containing shortcut such as <kbd>CTLR</kbd>, <kbd>ALT</kbd> + <kbd>DEL</kbd>.
Block
of
code
```txt
Block
of
code
```
The txt after the first ``` indicates the formatting that the code should be displayed with.
¶ lines
Here is a line
In between text
Here is a line
___
In between text
¶ Tables
| Tables | Are | created |
|---|---|---|
| with pipes | to seperate | columns |
| hyphens | after the | title row |
| And colons | to determine | alignment |
| Tables | Are | created |
| ------------- | :-----------: | --------: |
| with pipes | to seperate | columns |
| hyphens | after the | title row |
| And colons | to determine | alignment |
¶ Blockquotes
This is a
blockquote
It is made with
a > before the first line
It can become an info blockquote with
{.is-info}
a success blockquote with
{.is-success}
a warning blockquote with
{.is-warning}
or an error blockquote with
{.is-danger}
> 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
Each of these example/code sections is a content tab
They can be nested, but it's not a great idea.
## 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 thanTabs {.tabset}
¶ Diagrams
```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
```