Markdown Syntax
Emphasis
**bold** *italics* ~~strikethrough~~ ==mark==
bold
italics
strikethrough
mark
italics
mark
\*literal asterisks\*
*literal asterisks*
Headings
# h1 - Large headerh1 - Large Header
## h2 - Medium headerh2 - Medium Header
### h3 - Small headerh3 - Small Header
#### h4 - Tiny headerh4 - Tiny Header
Lists
- Generic list item - Generic list item - Generic list item
- Generic list item
- Generic list item
- Generic list item
1. Numbered list item 2. Numbered list item 3. Numbered list item
- Numbered list item
- Numbered list item
- Numbered list item
Links
[[WikiPage]]
[[Text to display|WikiPage]]
http://www.example.com
[Link with text](http://example.com)
Quotes
> This is a quote. > It can span multiple lines! >> And multiple levels. >> *With markdown syntax.*
This is a quote. It can span multiple lines!
And multiple levels. With markdown syntax.
Images
You can copy n paste images directly into the editor, they will be uploaded as attachments.
Check the attachments of a page, there are links for copy'n'paste.
Tables
| Column 1 | Column 2 | Column 3 | | -------- | -------- | -------- | | John | Doe | Peach | | Mary | Smith | Banana |
| Column 1 | Column 2 | Column 3 |
|---|---|---|
| John | Doe | Peach |
| Mary | Smith | Banana |
Code
Inline code `int n = 1` with backticks.
Inline code
int n = 1 with backticks. ``` Code Blocks ```
Code Blocks
```python
#!/usr/bin/env python
assert 1 + 1 == 2
print("Hello World!")``` #!/usr/bin/env python
assert 1 + 1 == 2
print("Hello World!")
Mathjax
Inline math: `$a^2+b^2=c^2$`
Inline Math: \(a^2+b^2=c^2\)
Math block: ```math a^2+b^2=c^2 ```
Math block: \[a^2+b^2=c^2\]
Inline Math: $a^2+b^2=c^2$
Inline Math: \(a^2+b^2=c^2\)
Equation: $$a^2+b^2=c^2$$
\[a^2+b^2=c^2\]
Footnotes
Footnote identifiers[^1] are single characters
or words[^bignote]. And can be referenced
multiple[^1] times.
[^1]: Footnotes can be a single line.
[^bignote]: Or more complex.
Indent paragraphs to include them
in the footnote.
Add as many paragraphs as you like.
Blocks
These special blocks are not part of the markdown standard, but are helpful for structuring content.Fancy blocks
::: info # Head of the block. With _formatted_ content. :::
Head of the block
With formatted content.Spoiler blocks
>! Spoiler blocks reveal their >! content on click on the icon.
Folded blocks
>| # Headline is used as summary >| with the details folded.
Headline is used as summary
with the details folded.
Alerts
> [!NOTE] > Useful for highlighting special > information in your code.
Note
Useful for highlighting special information in your code.
[!NOTE], [!TIP], [!IMPORTANT], [!WARNING] and [!CAUTION]. Diagrams
Using Mermaid you can create diagrams and visualizations in your wiki pages.```mermaid flowchart LR A[An Otter Wiki]-- supports ---Mermaid ```
flowchart LR A[An Otter Wiki]-- supports ---Mermaid