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

commande: gif2webp -lossy nom.gif -o nom.webp

Les liens pour les documents

inclure un lien static_file

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

inclure un lien Homeassistant

Blueprint:

Exemple intégration répertoire Hacs auto backup:

Exemple Intégration Appareil auto_backup:

Générer un lien bouton

https://my.home-assistant.io/create-link/

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 -lossy input.gif -o output.webp

convertir une video en gif

https://image.online-convert.com/fr/convertir/mp4-en-gif

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.

avec rendu highlight

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 produits

inclure produit externe

ZBMINIL2 Extrême

Par Sonoff

Smallest sonoff zbmini l2 extreme switch module on the market

Achetez sur Aliexpress Achetez sur Domadoo 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 **

ou déjà transformé:

intégrer une video webm non compatible apple

youtube:

local:

external:

twitch:

instagram:

tiktok:

intégrer un podcast spotify

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