Ma première note 🤟

MarkdownNextJS

Je veux pouvoir créer mes notes facilement en utilisant le format Markdown.
Cette note me sert de sandbox pour designer le rendu coté front:

Usage basique

Style de texte

Un mot qui fait référence à du code

_italique_ ou *italique* donne italique

__gras__ ou **gras** donne gras

___gras italique___ ou ***gras italique*** donne gras italique

~~barré~~ donne barré

Il n'y a pas de mot souligné en Markdown

☝️ Ceci est un blockquote que je vais utiliser pour notifier des points importants, pas pour des citations personnelles :

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

Liens

Un lien explicite: <http://example.com/>  
Ceci est un [lien](http://example.com/ "Lien").
Ceci est un [lien](http://example.com/) sans attribut title.
Ceci est un [lien][Reference] avec un style de référence.

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

Un lien explicite: http://example.com/
Ceci est un lien.
Ceci est un lien sans attribut title.
Ceci est un lien avec un style de référence.


Listes

Liste à puces 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
* ...           |    - ...

résultat :

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

Liste ordonnée ol :

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

résultat :

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

Liste de tâches :

- [ ] Tâche 1
- [ ] Tâche 2
- [x] Tâche 3 faite

résultat:

  • Tâche 1
  • Tâche 2
  • Tâche 3 faite

Bloc de code

Un bloc de code en Bash

echo "Hello World"

Un bloc de code en Javascript

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

Tableau

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

résultat:

FirstnameLastnameAge
DannyBriant52
FrancisLLacer42
Jean-ClaudeDuss38

Remonter

Je suis entrain de jouer avec NextJS pour la nouvelle version de mon site, certaines parties ne sont pas encore accessible ! Voir la v1