Home
About

Contribuer au site

Tags :
  • tutoriel
  • markdown
  • eleventy
Auteur :
  • François Brucker
Tutoriels/Contribuer au site
Prérequis :

Les différentes possibilités d'écriture de post pour ce site. On rappellera des possibilités de commonMark (extension de Markdown utilisé ici) ainsi que des shortcodes spécialement écrites.

Comparer le résultat au code source.

titre ##

titre ###

titre ####

titre #####

liens

Notez le .. pour accéder au dossier courant des sources.

listes

non ordonnées

ordonnées

  1. un
  2. deux
  3. trois

quotes

une quote normale

Une quote normale
sur deux lignes.

une mise en garde

sans titre

Une mise en garde.

avec titre

Faites attention

Une grosse mise en garde.

Une note

Note sans titre

Une note à retenir.

Note avec titre

Proposition

Un énoncé de proposition.

Une information

Information sans titre

Un truc marrant ou une information utile, mais pas indispensable.

Information avec titre

lol !

Un truc marrant ou une information utile, mais pas indispensable.

Un chemin

Tutoriels / Contribuer au site

Lien externe

<www.google.fr>

Lien interne

Tutoriels

Un chemin plus un prérequis

Prérequis sans titre

Tutoriels / Contribuer au site

  • un cerveau en état de marche
  • notion de web

Prérequis avec titre

Tutoriels / Contribuer au site

À lire avant de commencer :

  • graphes de Claude Berge
  • hypergraphes de Claude Berge

Algorithmes

Programme

permutations(T):
l = [1, 3, 2, 6, 4, 5]
print(l.max())

Avec lignes numérotées

permutations(T):
l = [1, 3, 2, 6, 4, 5]
print(l.max())

Dans le texte

Images

WTFs/minute

On a pas mis de .. ici car le fichier est un index.

Equations

$$2+2 = \frac{1}{2}$$

Et un $\log(3)^2$ dans une phrase.

Il faut escaper les caractères de contrôle

$$
\sigma(s,i) = \left\{
\begin{array}{ll}
\tau_{si} & \mbox{si } {s,i} \in E \\
\infty & \mbox{sinon.}
\end{array}
\right.
$$

Ou inclure dans du html (ce qui est plus simple) :

$$ \sigma(s,i) = \left\{ \begin{array}{ll} \tau_{si} & \mbox{si } \{s,i\} \in E \\ \infty & \mbox{sinon.} \end{array} \right. $$

Interactions avec le lecteur

Exercice

Un texte avant.

Une question ou un exercice à faire. Avec du $\LaTeX$ dedans : $\sum_x\delta(x)$

Un texte après.

A faire

Un texte avant.

Quelque-chose à faire.

Un texte après.

Details

Details dans le texte


{% details "spoiler" %}
Quelque chose de caché. Que l'on peut *écrire* en `Markdown`
{% enddetails %}

Un texte avant.

spoiler

Quelque chose de caché. Que l'on peut écrire en Markdown

Un texte après.

Details dans le texte ouvert


{% details "spoiler", "open" %}
Quelque chose de caché. Que l'on peut *écrire* en `Markdown`
{% enddetails %}

Un texte avant.

spoiler

Quelque chose de caché. Que l'on peut écrire en Markdown

Un texte après.

Solution d'un exercice

Un texte avant.

Un exercice à faire.

corrigé

Le corrigé de l'exercice.

Un texte après.

Tables

On utilise les possibilités de multimarkdown

Tables de base

titre colonne 1 titre colonne 2
Content Cell Content Cell
Content Cell Content Cell

Tables sans titre

Content Cell Content Cell
Content Cell Content Cell

Tables multi-colonne

Content Cell
Content Cell Content Cell

Tables multi-ligne

Content Cell Content Cell
Content Cell

plusieurs ligne dans une cellule

Content Cell
Content Cell
  • Content Cell
  • Content Cell
Content Cell Content Cell

Alignement horizontal

Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell
Content Cell Content Cell Content Cell

Alignement vertical

On ajoute un style, mais il ne faut pas que ce soit la dernière colonne.

Content Cell Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend, orci nec pharetra lacinia, lacus dolor euismod ipsum, quis pulvinar ipsum urna non purus. Cras accumsan ex ligula, eu pellentesque mauris congue ac. Integer venenatis elementum est ac imperdiet. Etiam lectus purus, imperdiet gravida commodo non, faucibus at metus. Maecenas elit nibh, venenatis a efficitur vitae, placerat vitae nulla. Fusce volutpat nisl sem, vel iaculis risus sagittis vel. Nunc felis tellus, sollicitudin eu felis vel, cursus egestas arcu. Sed laoreet ex a nisl vestibulum, id placerat leo pellentesque. Praesent nec ultrices purus, ut congue elit. Pellentesque in diam ultrices purus volutpat lacinia.
Content Cell Content Cell

Pour la dernière colonne, il faut ajouter une colonne vide :

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus eleifend, orci nec pharetra lacinia, lacus dolor euismod ipsum, quis pulvinar ipsum urna non purus. Cras accumsan ex ligula, eu pellentesque mauris congue ac. Integer venenatis elementum est ac imperdiet. Etiam lectus purus, imperdiet gravida commodo non, faucibus at metus. Maecenas elit nibh, venenatis a efficitur vitae, placerat vitae nulla. Fusce volutpat nisl sem, vel iaculis risus sagittis vel. Nunc felis tellus, sollicitudin eu felis vel, cursus egestas arcu. Sed laoreet ex a nisl vestibulum, id placerat leo pellentesque. Praesent nec ultrices purus, ut congue elit. Pellentesque in diam ultrices purus volutpat lacinia. Content Cell
Content Cell Content Cell

Ecrire un post

Structure

Résumé

Deux balises à placer entre le résumé de votre post. Il est à placer entre les balises :

Entête

---
layout: layout/post.njk 
title: Vsc extension Markdown
tags: ['vsc', 'tutoriel', 'markdown']

authors: 
    - François Brucker
    - Esprit Lesaint
---

Changez le :

Puis ajoutez :