Markdown Syntax
Full Syntax Guide
You can use backslash escapes to generate literal characters that are used for formatting otherwise, e.g.
\(\TeX\) like syntax:
Block styles available: info, success, warning, danger and none.
Alerts available:
Mermaid support all kinds of diagrams: flowcharts, class diagrams, pie charts, mindmaps, etc. For more information see the Mermaid Documentation.
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.
Note
Useful for highlighting special information.
[!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 ```
Remark
There's actually a lot more to Markdown than this. See the official introduction and syntax for more information. Please Note: An Otter Wiki is not using the official implementation. This might lead to small differences in the little things.Attachments
image-1772432568456.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432568456.png)
Link:
[image-1772432568456.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432568456.png)
image-1772432800738.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432800738.png)
Link:
[image-1772432800738.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432800738.png)
image-1772432827772.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432827772.png)
Link:
[image-1772432827772.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432827772.png)
image-1772432904513.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432904513.png)
Link:
[image-1772432904513.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432904513.png)
image-1772432956738.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432956738.png)
Link:
[image-1772432956738.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432956738.png)
image-1772432983413.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432983413.png)
Link:
[image-1772432983413.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772432983413.png)
image-1772433114297.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433114297.png)
Link:
[image-1772433114297.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433114297.png)
image-1772433192192.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433192192.png)
Link:
[image-1772433192192.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433192192.png)
image-1772433308009.png
Inline Image:
Link with Thumbnail:
[](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433308009.png)
Link:
[image-1772433308009.png](/Vic%20Docs/How%20To%20Use%20Perforce/image-1772433308009.png)
Additional media can be added via the 'Attachments' of this page, or, you can drag and drop a file into the web editor and it will be uploaded and embedded when the page is saved.
0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9