lire les articles de drafts

jekyll serve –drafts

source

Nombre de # pour la taille du titre

titre 2 exemple …

… titre 3 = 3 dièses.{: style=”color:red”} titre 4 = 4 dièses. titre 5 = 5 dièses. titre 6 = 6 dièses.

Liste

• liste rond * ou -
• liste
  • sous liste
  • sous-liste

1. liste chiffre
2. suite

• liste
• liste

retour à la ligne

pour faire un retour à la ligne dans le même paragraphe, il faut terminer la ligne par un point. le retour à la ligne se fait automatiquement.

Nomenclature

écrire en gras. écrire en italique. écrire en gras plus italique.

citation

écrire une citation

citation avec autre élément

• Revenue was off the chart.
• Profits were higher than ever.

Everything is going according to plan.

Les Liens

Inclure un lien externe

Descriptif

créer un lien vers un article du site:

intégrer un article interne

créer un lien vers un produit:

Sonoff SNZB-04

créer un lien traditionnel pour les gifs transformés en webp avec gif2webp

transformer un gif en webp sur le pc

gif2webp -lossy image.gif -o image.webp

sudo apt-get update
sudo apt-get install webp

Basic command line usage:

gif2webp input.gif -o output.webp

Spoiler

hospital with little knowledge (amnesia perhaps?) of what had happened, and why he was there, etc. He was told by attending Dr. Jeremy Newman (Stephen Rea) that it was July 29, 2002 (Simon thought it was the year 2000 - he was confused - he heard a doctor say 20:00 hours!) and that he had died for two minutes from cardiac arrest following the near-fatal accident – but he had been revived (“You’re as good as new”).

citation

“There’s almost no single moment in Portrait of a Lady on Fire that couldn’t be captured, mounted, and hung on a wall as high art.” — Entertainment Weekly

écrire du code sans rendu en front

avec un point à la fin

def bubble_sort(list). return list if list.size <= 1 # already sorted. swapped = true. while swapped do. swapped = false. 0.upto(list.size-2) do |i|. if list[i] > list[i+1]. list[i], list[i+1] = list[i+1], list[i] # swap values. swapped = true. end. end. end. list. end.

• #739.
• https://github.com/octo-org/octo-repo/issues/740.
• Add delight to the experience when all tasks are complete :tada.

créer un tableau

créer une ligne

Les documents

inclure un lien static_file

préfixe ( pdf, docx, zip, csv, xls, torrent )

Les produits

inclure produit externe

Boitier rail din raspberry pi 3 ou 4

Par Waveshare

Boîtier en ABS pour Raspberry Pi 4 modèle B, montage sur Rail DIN, grand boîtier de Protection pour RPI 4B Pi4 ou Pi 3B + 3B

Achetez sur Aliexpress Achetez sur Domadoo Achetez sur Itead Achetez sur Amazon

inclure produit interne à un article

Controlleur d’ouverture sonoff snzb-04 zigbee

Par Sonoff

Achetez

intégration images articles dans un article

**remplacer 29 par **

inclure images dans article boutique

**remplacer 2134 par **

intégrer une video youtube

inclure un message d’alerte

type:

• warning
• help
• info
• error
• success

text: descriptif du message link: lien chemin absolu textlink: descriptif du lien

Choisir entre rouge et prism

prism:

convertir prism.css non minifié avec https://beautifytools.com/css-to-scss-converter.php ajouter prism.scss à _sass ajouter prism à import dans theme.scss ajouter prism.js à assets.js modifier package.js mais aussi default.js pour le mode development modifier config.yml

rouge:

virer prism ajouter _syntax.scss à theme.scss ajouter codeblock.js à defaut.html et aussi à package.js

Exploiter megamenu

Pour rajouter un sous menu il faut modifier navbar.js, menu.html et plugin.scss

dans navbar.js rajouter la class à la ligne 51 les classes “ c’est géré comme un tableau, première class = show1 la seconde show 2 etc… dans plugin .css faire une recherche par show et rajouter la class ul appel la class i exemple la class more-sub-menu-protocol se connect à la class more-arrow-protocol ou htmlCss-sub-menu-shop html-css-arrow-shop