All Syntax Features

This page should be an example for all the syntax features supported by An Otter Wiki. You display the markdown code via View Source or click here.

Markdown paragraphs and text formatting

In markdown paragraphs are seperated by a blank line.

Without an empty line, a block of words will be rendered as paragraph.

Individuals words or sentences can be emphasized as monospace, bold, italic or bold and italic. Or go wild and mark or strike out words.

An Otter Wiki stores all pages in UTF-8 in a git repository. With UTF-8 you get emojis like 🥳 and 🎆, that all modern browsers can display.

If you don't want to user a header for seperating paragraphs, or a header is just not enough, add a horizontal line:

Links

Some example for links in the middle of a paragraph. A link to the otterwiki github project, followed by an auto linked url to http://example.com, followed by a mail address mailto:mail@example.com. Commonly used are links inside the wiki, e.g. one pointing Home or to another example Syntax Highlighting.

Footnotes

Here's a sentence with a footnote.¹

Quotes

One quoted line.

Got more to quote?

You can highlight paragraphs as a quote.

The quote can span multiple lines!

And it can nest more quotes.

Markdown syntax will be rendered inside quotes.

List examples

Itemized lists look like

• this one
• with three
• items.

A numbered list

1. first item
2. second item
3. third item

And a task list

• a unchecked item
• and bold checked item

The task list can only be mofied by editing it, not by clicking the checkboxes while viewing it.

Tables

A wide table with different aligend columns:

A table with some formatting and an emoji.

Code blocks

Markdown is often used for documentation, so it's not a surprise that it should be excellent in displaying code and configurations. For example a minimal docker-compose.yaml for running An Otter Wiki:

version: '3'
services:
  otterwiki:
    image: redimp/otterwiki:2.0
    ports:
    - 8080:80

This and many other examples for syntax highlighting can be found in Examples/Syntax Highlighting.

Lists can nest blocks

List can nest lists and other block.

1. For example

   • an unordered list
   • with two items

2. or

   1. an new level
   2. of an ordered list
   3. with three items.

3. Somtimes you might have to add

   an entire paragraph to a list. To do that indent it with 4 spaces and add an empty line before and after the paragraph.

4. Maybe you want to add a fenced block of code

   class Example:
       """Finding examples is hard."""
       var = True
   

5. or a quote

   You get the concept.

Math or LaTeX

If you want to share math formulas in your wiki, MathJax comes to the rescue. For example:

When \(a \ne 0\), there are two solutions to \(ax^2 + bx + c = 0\) and they are

Special blocks

An Otter Wiki supports also some special blocks, whose syntax is derived from various dialects.

You can create spoiler blocks:

Blocks with summary, that unfold the details on click:

In case you have to highligh important informations, An Otter Wiki provides special blocks in different flavors.

and in the flavor of a

or a

Another options are alerts: