Home A - Z Create page
Page Index

An Otter Wiki

Blame

12b38c joris 2026-03-21 18:44:08
eerste opzet
1 
# Markdown
2
3
Markdown Syntax
4
Emphasis
5
**bold**
6
*italics*
7
~~strikethrough~~
8
==mark==
9
bold
10
italics
11
strikethrough
12
mark
13
You can use backslash escapes to generate literal characters that are used for formatting otherwise, e.g.
14
\*literal asterisks\*
15
*literal asterisks*
16
Headings
17
# h1 - Large header
18
h1 - Large Header
19
## h2 - Medium header
20
h2 - Medium Header
21
### h3 - Small header
22
h3 - Small Header
23
#### h4 - Tiny header
24
h4 - Tiny Header
25
Lists
26
- Generic list items
27
- in an unordered list
28
Generic list items
29
in a unordered list
30
31
1. List items
32
2. in an ordered list
33
3. numbered with numbers
34
List items
35
in an ordered list
36
numbered with numbers
37
38
1. Numbered list with
39
- a nested
40
- unordered list
41
2. inside
42
Numbered list with
43
a nested
44
unordered list
45
inside
46
Note: To create nested sublists, they must be indented the same number of spaces that a paragraph would need to be in order to be included in the list item. In other words, sublist markers must match the indentation of the content of the outer list items.
47
48
Links
49
[[WikiPage]]
50
WikiPage
51
[[Text to display|WikiPage]]
52
Text to display
53
http://www.example.com
54
http://example.com
55
[Link with text](http://example.com)
56
Link with text
57
Quotes
58
> This is a quote.
59
> It can span multiple lines!
60
>> And multiple levels.
61
>> *With markdown syntax.*
62
This is a quote. It can span multiple lines!
63
64
And multiple levels.
65
With markdown syntax.
66
67
Images
68
You can copy n paste images directly into the editor, they will be uploaded as attachments.
69
70
![](http://www.example.com/image.jpg)
71
Check the attachments of a page, there are links for copy'n'paste.
72
73
Tables
74
| Column 1 | Column 2 | Column 3 |
75
| -------- | -------- | -------- |
76
| John | Doe | Peach |
77
| Mary | Smith | Banana |
78
Column 1 Column 2 Column 3
79
John Doe Peach
80
Mary Smith Banana
81
Code
82
Inline code `int n = 1` with backticks.
83
Inline code int n = 1 with backticks.
84
```
85
Code Blocks
86
```
87
Code Blocks
88
To add syntax highlighting, specify a language next to the backticks before the fenced code block.
89
```python
90
#!/usr/bin/env python
91
assert 1 + 1 == 2
92
print("Hello World!")
93
```
94
#!/usr/bin/env python
95
assert 1 + 1 == 2
96
print("Hello World!")
97
To enable line numbers in the code block, append an equal sign
98
=
99
to the language.
100
```python=
101
print("Hello Line Numbers!")
102
```
103
1
104
print("Hello Line Numbers!")
105
Mathjax
106
Inline math: `$a^2+b^2=c^2$`
107
Inline Math:
108
Math block:
109
```math
110
a^2+b^2=c^2
111
```
112
Math block:
113
like syntax:
114
Inline Math: $a^2+b^2=c^2$
115
Inline Math:
116
Equation:
117
$$a^2+b^2=c^2$$
118
Footnotes
119
Footnote identifiers[^1] are single characters
120
or words[^bignote]. And can be referenced
121
multiple[^1] times.
122
123
[^1]: Footnotes can be a single line.
124
125
[^bignote]: Or more complex.
126
127
Indent paragraphs to include them
128
in the footnote.
129
130
Add as many paragraphs as you like.
131
Footnote identifiers1 are single characters or words2. And can be referenced multiple1 times.
132
a, b Footnotes can be a single line.
133
Or more complex.
134
Indent paragraphs to include them in the footnote.
135
136
Add as many paragraphs as you like.
137
138
GNU Terry Pratchett.
139
Abbreviations
140
Defining abbreviations allows tooltips to display when hovering on those abbreviations
141
The HTML specification is maintained by the W3C.
142
*[HTML]: Hyper Text Markup Language
143
*[W3C]: World Wide Web Consortium
144
The HTML specification is maintained by the W3C.
145
146
Blocks
147
These special blocks are not part of the markdown standard, but are helpful for structuring content.
148
Fancy blocks
149
::: info
150
# Head of the block.
151
With _formatted_ content.
152
:::
153
Head of the block
154
With formatted content.
155
Block styles available: info, success, warning, danger and none.
156
Spoiler blocks
157
>! Spoiler blocks reveal their
158
>! content on click on the icon.
159
160
Folded blocks
161
>| # Headline is used as summary
162
>| with the details folded.
163
Headline is used as summary
164
Alerts
165
> [!NOTE]
166
> Useful for highlighting special
167
> information.
168
Note
169
Useful for highlighting special information.
170
171
Alerts available: [!NOTE], [!TIP], [!IMPORTANT], [!WARNING] and [!CAUTION].
172
Diagrams
173
Using Mermaid you can create diagrams and visualizations in your wiki pages.
174
```mermaid
175
flowchart LR
176
A[An Otter Wiki]-- supports ---Mermaid
177
```
178
179
Mermaid support all kinds of diagrams: flowcharts, class diagrams, pie charts, mindmaps, etc. For more information see the Mermaid Documentation.
180
Embeddings
181
An Otter Wiki supports Embeddings which are beyond the official Markdown syntax.
182
{{AttachmentList}}: Render the attachments to the current page as table.
183
{{DataTable}}: Renders sort-, search and pageable tables.
184
{{ImageFrame}}: Render an image/images in a framed box next to the main content.
185
{{InfoBox}}: Render structured information next to the main content in a standardized way
186
{{Video}}: Embed a video from an url or an attachment
187
See the Syntax/Embedding Guide for details.
188
Remark
189
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.