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, md, xls, torrent )

Articles Connexes

choisis tous les GUIDS à incorporer

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

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é:

Video

intégrer une video webm non compatible apple

youtube:

local:

external:

twitch:

instagram:

tiktok:

Compresser une video efficacement compatible (chrome-safari-firefox) avec ffmpeg en 2 passes

compresser en 2 passes un mp4 en libx264 pour être visible dans tous les navigateurs

ffmpeg -y -i Kazam_screencast_00000.mp4 \
       -c:v libx264 -preset slow -b:v 600k -vf scale=940:-1 -movflags +faststart -pass 1 \
       -c:a aac -b:a 128k -f mp4 /dev/null && \
ffmpeg -i Kazam_screencast_00000.mp4 \
       -c:v libx264 -preset slow -b:v 600k -vf scale=940:-1 -movflags +faststart -pass 2 \
       -c:a aac -b:a 128k \
       /home/nicolas/Dépotgit/haade/assets/images/posts/148/controle-fonctions-homeassistant-voice-pe-grace-a-esphome.mp4 -y

-vf scale=940:-1 -pix_fmt yuv420p -c:a aac -b:a 128k

ratio/taille Top 16:9 Resolutions

640 x 360 (nHD) 854 x 480 (FWVGA) 960 x 540 (qHD) 1024 x 576 (WSVGA) 1280 x 720 (HD/WXGA) 1366 x 768 (FWXGA) 1600 x 900 (HD+) 1920 x 1080 (FHD) 2048 x 1152 (QWXGA) 2560 x 1440 (QHD) 3200 x 1800 (WQXGA+) 3840 x 2160 (UHD) 5120 x 2880 (UHD+) 7680 x 4320 (FUHD) 15360 x 8640 (QUHD) 30720 x 17280 (HHD) 61440 x 34560 (FHHD) 122880 x 69120 (QHHD)

convertir une video en gif

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

Convertir video en webp

https://tinywow.com/video/to-webp

Plyr video player utilisé sur le site

Modifications des fichiers pour plyr:

• plyr.scss
• theme.js // video plyr embed to default.html
• videoplayer.html
• plyr.js

pour une mise à jour récupérer le css sur le cloud https://cdn.plyr.io/3.7.8/plyr.css et le transformer manuellement en scss le code css est personnalisé dans plugin.scss et sur videoplayer.html style=””

recherche dans plugin.scss: // plyr video player javascript

récupérer le javascript: https://cdn.plyr.io/3.7.8/plyr.js

code complémentaire de fonctionnement dans theme.js:

récupérer le code: // video plyr embed to default.html

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

Onglet qrcode

Plus d'informations sur le Qrcode

Ce QRcode te permet de télécharger l'application Ewelink sur le playstore ou l'appstore tu as le choix entre scanner ce QRcode depuis ton smartphone ou de cliquer directement sur le lien ci-dessous.

---

pour la partie texte: commencer le texte par un verbe car un texte avant et après sera intégré automatiquement: Ce QRcode te permet de ……. tu as le choix entre scanner ce QRcode depuis ton smartphone ou de cliquer directement sur le lien ci-dessous.

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