My first note đŸ€Ÿ

MarkdownNextJS

I want to create notes easily using Markdown files.
This is a sandbox's note to design the frontend rendering

Basic usage

Text styling

Wrap with backtick quotes to indicate a span of code

_italic_ or *italic* ==> italic

__bold__ or **bold** ==> bold

___bold italic___ or ***bold italic*** ==> bold italic

~~strikethrough~~ ==> strikethrough

There is no underline style in Markdown

☝ This will be a blockquote to notify important points, no quotes haha :

This is a text
> This is
> a blockquote
>
> > Nested
> > Blockquote

Links

An explicit link: <http://example.com/>  
This is an inline [link](http://example.com/ "Link").
This is a [link](http://example.com/) without title attribute.
This is a reference-style [link][Reference].

[Reference]: http://example.com/ "Title"

An explicit link: http://example.com/
This is an inline link.
This is a link without title attribute.
This is a reference-style link.


Lists

Unordered list ul :

* Item 1        |    - Item 1
* Item 2        |    - Item 2
* Item 3        |    - Item 3
  * Item 3.1    |      - Item 3.1
  * Item 3.2    |      - Item 3.2
* ...           |    - ...

result :

  • Item 1
  • Item 2
  • Item 3
    • Item 3.1
    • Item 3.2
  • ...

Ordered list ol :

1. Item 1
2. Item 2
3. Item 3
  1. Item 3.1
  2. Item 3.2

result :

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3.1
    2. Item 3.2
  4. ...

Tasks list :

- [ ] Task 1
- [ ] Task 2
- [x] Task 3 done

result :

  • Task 1
  • Task 2
  • Task 3 done

Code block

A Bash code block

echo "Hello World"

A Javascript code block

// This is a comment
(function() {
  alert("Hello World");
})();

Table

| Firstname   | Lastname | Age |
| ----------- | -------- | --- |
| Danny       | Briant   | 52  |
| Francis     | LLacer   | 42  |
| Jean-Claude | Duss     | 38  |

result:

FirstnameLastnameAge
DannyBriant52
FrancisLLacer42
Jean-ClaudeDuss38

Back to Top

I am actually playing with NextJS, some contents are not available yet ! See the v1