skip to content
Astro build wallpaper

Markdown Test

/ 5 min read

Basic formatting

Syntax:

1. **two asterisks** or __two underscores__.
1. *single asterisk* or a _single underscore_
1. ***bold and italic***
1. ~~two tildes~~

Output:

  1. two asterisks or two underscores.
  2. single asterisk or a single underscore
  3. bold and italic
  4. two tildes

Blockquotes

Syntax:

> First level
>
>> Second level

> **Markdown** can be used *inside quotes*
>
> 1.   This is the first list item.
> 1.   This is the second list item.
>
> ~~strikethrough~~
>
> Here's some example code:
>
>     return shell_exec("echo $input | $markdown_script");

Output:

First level

Second level

Markdown can be used inside quotes

  1. This is the first list item.
  2. This is the second list item.

strikethrough

Here’s some example code:

return shell_exec(“echo $input | $markdown_script”);

Lists

Syntax:

- First item
- Second item
- Third item

+ First item
+ Second item
+ Third item

* First item
* Second item
* Third item

1. First item
1. Second item
1. Third item

- First item
- Second item
- Third item
    1. Indented item
    1. Indented item
- Fourth item

1. First item
2. Second item
3. Third item

Output:

  • First item
  • Second item
  • Third item
  • First item
  • Second item
  • Third item
  • First item
  • Second item
  • Third item
  1. First item
  2. Second item
  3. Third item
  • First item
  • Second item
  • Third item
    1. Indented item
    2. Indented item
  • Fourth item
  1. First item
  2. Second item
  3. Third item

Paragraphs & breaks

Syntax:

This text is a paragraph.
This won't be another paragraph, it will join the line above it.

This will be another paragraph, as it has a blank line above it.

This is the first line.(space)(space)
Second line

----

****

____

Output:

This text is a paragraph. This won’t be another paragraph, it will join the line above it.

This will be another paragraph, as it has a blank line above it.

This is the first line. Second line




Syntax:

[Semantic description](https://roneo.org/markdown)

--

[I'm a link][Reference text]

[This link] will do the same as well. It works as the identifier itself.


[reference text]: https://jamstack.club
[this link]: https://roneo.org/markdown

--

[Random text][random-identifier].
Hover the mouse over it to see the title.

Several syntaxes are accepted:
[One](https://eff.org "First site")
[Two](https://example.com 'Second site')
[Three](https://example.com (Third site))

[random-identifier]: https://roneo.org/markdown "This example has a title"

--

I love supporting the **[EFF](https://eff.org)**.
This is the *[Markdown Guide](https://www.markdownguide.org)*.

--

See the section on [`code`](#code).

Output:

Semantic description

I’m a link

This link will do the same as well. It works as the identifier itself.

Random text. Hover the mouse over it to see the title.

Several syntaxes are accepted: One Two Three

I love supporting the EFF. This is the Markdown Guide.

See the section on code.

Code formatting

Example:

sudo apt hello
sudo apt hello
// comment
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('123')
const msg = 'Hello World'
console.log(msg)
console.log(msg) // prints Hello World
console.log('1')
console.log('2')
console.log('3')
console.log('4')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('Highlighted')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('Highlighted')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('Not highlighted')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('hewwo')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('hello')
var console: Consoleconsole.Console.log(...data: any[]): void
[MDN Reference](https://developer.mozilla.org/docs/Web/API/console/log_static)
log
('goodbye')
import {function absolute(num: number): numberabsolute} from "./maths"
const 
const value: number
value
= function absolute(num: number): numberabsolute(-1)
var console: Consoleconsole.ti
  • time
  • timeEnd
  • timeLog
  • timeStamp
const const welcome: "Tudo bem gente?"welcome = "Tudo bem gente?"
const const words: anywords = const welcome: "Tudo bem gente?"welcome.contains(" ")
Property 'contains' does not exist on type '"Tudo bem gente?"'.

Images

Syntax:

![local image](./cover.png)
![https image](https://placehold.co/600x400 "image with title title")

-Image with an identifier-
![Semantic desc.][image identifier]

Lorem ipsum dolor sit amet consectetur adipisicing elit [...]

[image identifier]: https://roneo.org/img/ok.png "Title"

Output:

local image
https image
image with title title
local image

-Image with an identifier-

Semantic desc.
Title

Lorem ipsum dolor sit amet consectetur adipisicing elit […]

Task list / checkboxes

Syntax:

- [X] Write the press release
- [ ] Update the website
    - [X] Create a new page
    - [ ] Update the homepage

Output:

  • Write the press release
  • Update the website
    • Create a new page
    • Update the homepage

Tables

Syntax:

| Syntax    | Description |
| --------- | ----------- |
| Header    | Title       |
| Paragraph | Text        |

-Text alignment in tables-
| Syntax    | Description |   Test Text |
| :-------- | :---------: | ----------: |
| Header    |    Title    | Here's this |
| Paragraph |    Text     |    And more |

Output:

SyntaxDescription
HeaderTitle
ParagraphText

-Text alignment in tables-

SyntaxDescriptionTest Text
HeaderTitleHere’s this
ParagraphTextAnd more

Footnotes

Syntax:

Here's a sentence with a footnote[^1].
(see the result at the bottom of the page)

[^1]: This is the first footnote.

-Long footnote-

Here's a longer one.[^bignote]
(see the result at the bottom of the page)

[^bignote]: Here's one with multiple paragraphs and code.

	Indent paragraphs to include them in the footnote.

	`{ my code }`

	Note that you can place the footnote anywhere you want in your article

Output:

Here’s a sentence with a footnote1. (see the result at the bottom of the page)

-Long footnote-

Here’s a longer one.2 (see the result at the bottom of the page)

Definition List

Syntax:

term
: definition

second term
: meaning

complex term
: long definition including **bold text**. Velit tempor cillum aute culpa pariatur enim laboris consectetur tempor. Aute elit non do ipsum. Nisi quis culpa magna esse ipsum. Ad aliquip ullamco minim cillum in ullamco.

Output:

term : definition

second term : meaning

complex term : long definition including bold text. Velit tempor cillum aute culpa pariatur enim laboris consectetur tempor. Aute elit non do ipsum. Nisi quis culpa magna esse ipsum. Ad aliquip ullamco minim cillum in ullamco.

Headings

Syntax:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

Output:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Footnotes

  1. This is the first footnote.

  2. Here’s one with multiple paragraphs and code.

    Indent paragraphs to include them in the footnote.

    { my code }

    Note that you can place the footnote anywhere you want in your article