Headings

To create headings, use hash symbols (#) followed by a space. The number of hash symbols indicates the heading level.

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs

Simply type non-indented text, surrounded by empty lines.

<!-- empty line -->

I really like using Markdown.

<!-- empty line -->

I think I'll use it to format all of my content from now on.

<!-- empty line -->

I really like using Markdown.

I think I’ll use it to format all of my content from now on.

Bold

Use double * or _ to denote bold text.

it was the **best** of times,
it was the **worst** of times

It was the best of times,
it was the worst of times

Italic

Use single * to denote italic text.

it was the age of _wisdom_,
it was the age of _foolishness_

it was the age of wisdom,
it was the age of foolishness

Bold and Italic

Use *, ** and _ to combine effects.

it was the season of **_light_**,
it was the season of _**darkness**_

it was the season of light,
it was the season of darkness

Line breaks

Use triple --- to denote a line break.

## <!-- empty line -->

<!-- empty line -->

Links

Links can be added using the [title](url) pattern.

Nano was made with [Astro](https://astro.build)

Nano was made with Astro

Quick link

Add an quick link using the <url> pattern.

<http://www.example.com>

http://www.example.com

Email link

Add an email link using the <emailaddress> pattern.

Email me at <markhorn.dev@gmail.com> using your mail app.

Email me at markhorn.dev@gmail.com using your mail app.

Ordered Lists

Add a number followed by a period for items. For sub items, indent.

1. Item 1
2. Item 2
    1. Sub item 1
    2. Sub item 2
3. Item 3

1. Item 1
2. Item 2
   1. Sub item 1
   2. Sub item 2
3. Item 3

Unordered List

Add a - or + for items. Don’t mix. For sub items, indent.

-   Item 1
-   Item 2
    -   Sub item 1
    -   Sub item 2
-   Item 3

• Item 1
• Item 2
  • Sub item 1
  • Sub item 2
• Item 3

Relative Image

Use the ![title](./image.*) pattern relative to the same folder as the markdown file. Notice the period.

![Square Pants](./spongebob.webp)

Public Image

Use the ![title](/image.*) pattern relative to the public folder. No period.

![Patrick Starfish](/patrick.webp)

External Image

Use the ![title](url) pattern.

![Mr. Krabs](https://upload.wikimedia.org/wikipedia/en/thumb/f/f8/Mr._Krabs.svg/440px-Mr._Krabs.svg.png)

Blockquotes

To add a blockquote add a > before a paragraph. For multi-line blockquotes, add additional > for each line and include an empty spacer line.

> it was the spring of hope, it was the winter of despair.
>
> Charles Dickens

it was the spring of hope, it was the winter of despair.

~ Charles Dickens

Strikethrough

Use the tilde ~ symbol to strikethrough text.

~The earth is round.~ The earth is flat.

The earth is round. The earth is flat.

Subscript

Use the <sub> tag to denote subscript.

H<sub>2</sub>O

H₂O

Superscript

Use the <sup> tag to denote superscript.

E=mc<sup>2</sup>

E=mc²

Keyboard

Use the <kbd> tag to denote keys on the keyboard.

<kbd>CTRL</kbd> + <kbd>ALT</kbd> + <kbd>Delete</kbd>

CTRL + ALT + Delete

Abbreviate

Use the <abbr> tag to denote abbreviation.

<abbr title="Graphics Interchange Format">GIF</abbr>

GIF

Highlight

Use the <mark> tag to denote highlighted text.

<mark>Very important text</mark>

Very important text

Task Lists

Combine a list with 2 square brackets. spc incomplete x complete.

-   [x] Take out trash
-   [ ] Mow the lawn
-   [ ] Buy more bitcoin

• Take out trash
• Mow the lawn
• Buy more bitcoin

Tables

Use - for header, | for columns, : for alignment.

| Item   |  Ct |
| :----- | --: |
| Bread  |   1 |
| Milk   |   1 |
| Haribo |  10 |

Footnotes

Add a caret and an id inside brackets [^1] to create a footnote.

Here's a simple footnote, [^1] and here's a another one. [^2]
[^1]: This is the first footnote.
[^2]: This is the second footnote.

Here’s a simple footnote, ¹ and here’s a another one. ²

See the bottom of the page to view the footnotes.

Code

Use backticks ` to denote a word or phrase as code.

`package.json`

package.json

Code Blocks

Denote a code block by enclosing a section of valid code in triple backticks. Syntax highlight the code by using the shorthand symbol for the language. Ex: js, javascript, python

```js
  function hello() {
    console.log("hello world");
  }
```

function hello() {
    console.log("hello world");
}

Conclusion

Please refer to markdownguide.org for best practices as well as advanced and extended syntax.

https://www.markdownguide.org/basic-syntax https://www.markdownguide.org/extended-syntax/