6 min read
Markdown syntax guide

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 can be added using the [title](url) pattern.

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

Nano was made with Astro


Add an quick link using the <url> pattern.

<http://www.example.com>

http://www.example.com


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)

Square Pants


Public Image

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

![Patrick Starfish](/patrick.webp)

Patrick Starfish


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)

Mr. Krabs


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

H2O


Superscript

Use the <sup> tag to denote superscript.

E=mc<sup>2</sup>

E=mc2


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  |
ItemBuy
Bread1
Milk1
Haribo10

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, 1 and here’s a another one. 2

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/


Footnotes

  1. This is the first footnote.

  2. This is the second footnote.