Skip to content
Flotes Documentation
GitHubDiscord

Markdown

Headings


Increasing the number of leading hashtags decreases the size of the heading.

# Heading 1
## Heading 2
### Heading 3
#### Heading 4

Bold | Italics | Fill in the Blanks


This is a fill in the blank (in Flotes). This is bold text. This is Italic text. This is bold and italic text

This is a __fill in the blank__ (in Flotes).
This is **bold text**.
This is *Italic text*.
This is ***bold and italic text***

Lines | Hide Blocks

Markdown reserves three different syntax for creating lines. three underscores, three asterisks and three dashes.

___

This is a hide block in Flotes.

But just two lines in traditional Markdown
___

Block Quotes


Block quotes indent text

You can nest block quotes

Add blank indents to add paragraphs

> Block quotes indent text
>> You can nest block quotes
>
> Add blank lines to add paragraphs

Lists

Ordered

  1. Collect underpants
  2. ???
  3. Profit!!!
1. Collect underpants
2. ???
3. Profit!!!

South Park Reference :)

Unordered

  • This is a list
    • Tab to indent
  • Back to the original depth
- This is a list
  - Tab to indent
- Back to the original depth

To create a link wrap the label in brackets and the url in parenthesis

Flotes App

[Flotes App](https://flotes.app)

Video, image, and gif syntax is similar. The difference being an exclamation point at the beginning.

  • The description will be used in the case of a broken image/video.

Haikyuu

![Haikyuu](https://media1.tenor.com/m/2PksnB_BzicAAAAd/haikyuu-anime.gif)

Code Blocks


Code blocks can be syntax highlighted by adding the language to the first line

const hello = "world"

```javascript

const hello = “world”

```

Flow Charts

Flotes enables a special type of syntax for creating Flowcharts with Markdown, called Mermaid.

graph TD;

A[My Node]-->B[My 2nd Node]

```mermaid

graph TD;

A[My Node]—>B[My 2nd Node]

```