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 <[email protected]> using your mail app.

Email me at [email protected] 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/