Salut à toi jeune surfeur du ouaib
Qu'est-ce qui t'empêche de publier sur le web, dans un coin et devenir accessible au public ?
Rien de compliqué, en fait !
Ici on reprend les bases. Celles que j'ai en tête à propos du web. Un peu de techno et beaucoup de texte.
La question elle est vite répondue, non ?
Je vous invite à publier vos articles ici. Le HTML1 c'est cool pour structurer un contenu. CSS2 est très performant pour ensuite disposer le contenu dans la page (de façon statique et dynamique). Markdown, quant à lui, nous simplifie les notations pour rédiger un contenu (principalement du texte) à publier en ligne sous forme d'hypertexte.
Vous pouvez copier-coller le résultat dans le champ prévu pour le contenu de l'article sur la page du formulaire.
Le markdown est interprété par ce serveur et permet de simplifier la rédaction de la plupart des éléments HTML (plus lourd que le simple contenu à rédiger). Rien ne vous empêche d'inclure du vrai HTML dont l'élément <style>
qui peut contenir du CSS.
Quelques exemples en markdown
Un lien hypertexte <a>
Version 1 (lien direct):
Ceci est [le lien hypertexte](https://dukeart.netlib.re/weblog/) à partager !
Ceci est le lien hypertexte à partager !
Version 2 (en notation avec un mot-clé):
Ceci est [le lien hypertexte][mot] à partager !
[mot]: https://dukeart.netlib.re/weblog/
Ceci est le lien hypertexte à partager !
Une image <img>
![Logo Python](https://dukeart.netlib.re/iconeleon?i=python "Logo Python")
Tableaux <table>
Notation pour structurer des ensembles :
| test | ok | ko
| --- | --- | ----
| 1 | yes | no
| 2 | yes | no
| 3 | yes | no
| 4 | yes | no
test | ok | ko |
---|---|---|
1 | yes | no |
2 | yes | no |
3 | yes | no |
4 | yes | no |
Notations
Notation markdown | Résultat |
---|---|
Une notation en *italique* |
Une notation en italique |
Une notation en **gras** |
Une notation en gras |
Une notation en <u>souligné</u> |
Une notation en souligné |
Liste de tâches (non-interactive)
1. [x] Rédiger la publication
2. [ ] Publier
- Rédiger la publication
- Publier
Citation
> Ceci est une citation - Auteur
Ceci est une citation - Auteur
Liste ordonnée
1. Liste 1
2. Liste 2
3. Liste 3
- Liste 1
- Liste 2
- Liste 3
Liste non ordonnée
- Liste 1
- Liste 2
- Liste 3
- Liste 1
- Liste 2
- Liste 3
Ligne de commande
`$ this is a commande line`
$ this is a commande line
Style
On peut inclure un bloc style ou on le souhaite:
<style>
hr { margin:50px }
</style>
Accès aux sources
Vous pouvez accéder aux sources originales en markdown en modifiant l'extension du fichier (dans la barre URL) .php
en .md
pour observer le contenu.
Par exemple, vous pouvez voir cette source en visionnant ce fichier.
Et voilà
Bonne rédaction !