Mon wiki

extensions - [Vie privée]

alexis@undisclosed.example.com (alexis) — Wed, 17 Jun 2026 21:56:41 +0000

todo

Extensions

Vie privée

~~BetterPrivacy est un nettoyeur de cookies Flash.~~ Je n'utilise plus Flash depuis longtemps. Cette extension est devenue inutile.
CanvasBlocker empêche la prise d'empreinte numérique en bloquant certaines API.
ClearURLs limite le profilage en nettoyant les URL des paramètres le permettant.
Consent-O-Matic permet de se débarrasser des avertissements concernant les cookies de navigations.
CSS Exfil Protection protège des attaques de type « CSS Exfil » en nettoyant les règles CSS.
Decentraleyes est un émulateur local de CDN (Content Delivery Network).
Delete all Cookies & Storage For Tab permet de supprimer les cookies et les données stockées d'un onglet.
Disconnect bloque les trackers invisibles.
Facebook Container permet de faire les appels à Facebook dans un conteneur.
~~I don't care about cookies permet de se débarrasser des avertissements concernant les cookies de navigations.~~ L'extension a été achetée par Avast, elle est donc à fuir ! Il faut lui préférer Consent-O-Matic.
Privacy Badger anonymise certains composants non supprimés par µBlock Origin car nécessaires à la navigation.
Smart HTTPS (revived) passe automatiquement du protocole non sécurisé HTTP au protocole sécurisé HTTPS si c'est possible.
Smart Referer envoie les informations de « referer » seulement quand on ne change pas de domaine.
µBlock Origin est un bloqueur de nuisances (pubs) efficace, qui ménage le processeur et la mémoire vive.
1. ~~Prebake est une liste pour bloquer les avertissements de cookies en Europe.~~ Cette liste n'est plus maintenue.
2. Fanboy's Cookie Monster est une liste qui permet de bloquer les avertissements sur l'utilisation de cookies. Elle est incluse dans la liste Fanboy's Annoyance.
3. I Don't Care About Cookies est une liste qui permet aussi de bloquer les avertissements sur l'utilisation de cookies.
4. Stevoisiak/Stevos-GenAI-Blocklist est une liste qui permet de bloquer les fonctions de l'IA générative.
5. i5heu/ublock-hide-yt-shorts: Maintained - uBlock Origin filter list to hide YouTube Shorts est une liste qui permet de bloquer différents éléments sur Youtube.
~~WOT (Web Of Trust) est un service de réputation et d'évaluation de site internet.~~ Ne plus utiliser car ils revendent les données de navigation collectées.

Développement

Envify permet de changer les couleurs du thème en fonction de l'environnement (dev, staging, prod).
Fake Data est un outil de remplissage automatique de formulaire. Il est extensible facilement par l'ajout de nouvelles propriétés et la modification de celles existantes.
~~Firebug est un outil pour éditer, déboguer et surveiller le CSS, le HTML et le JavaScript de n'importe quelle page web.~~ Avec la sortie de la version 57, l'outil est complètement intégré ¹⁾.
~~HttpRequester est un outil pour envoyer des requêtes HTTP.~~ Postman offre beaucoup plus de possibilités. Maintenant qu'il est disponible sous Linux, ça serait dommage de s'en priver.
~~JSON-formatter est un outil pour mettre en forme de manière lisible les réponses JSON.~~ Maintenant Firefox formate automatiquement les sorties en JSON.
Modify Header Value est un outil permettant de modifier la valeur des entêtes HTTP envoyés lors d'une requête.
~~Octotree permet d'ajouter un arbre de fichiers à Github et Gitlab.~~ Finalement, je ne trouve pas que ce soit si pratique.
Refined GitHub permet de modifier l'interface de Github en la simplifiant et en ajoutant des fonctions supplémentaires.

Divers

Block Site permet de bloquer une liste de sites.
~~Bookmarklets context menu converti les bookmarlets en entrée de menu contextuel.~~ L'idée est séduisante mais il faut gérer les avertissements de Firefox. C'est plus facile d'avoir un lien toujours visible.
Copy Selection as Markdown copie la sélection en Markdown.
FoxReplace permet de remplacer du texte dans une page.
hooktube Redirector redirige automatiquement les vidéos Youtube vers Hooktube.
KeePassXC-Browser permet de lier Firefox avec le gestionnaire de mots de passe KeePassXC.
LinkDump permet de sauvegarder des liens facilement. J'en suis le développeur.
QR Code permet d'afficher un code QR de l'onglet courant.
Save Page WE permet d'enregistrer une page complète dans un fichier HTML.
~~Scrapbook est un outil pour sauver localement des pages web.~~ Cette extension n'existe plus.
Shaarli remplace avantageusement le bookmarklet de Shaarli.
Simple Tab Groups permet de gérer des groupes d'onglets.
Text Spacing Editor est un outil pour valider l'accessibilité d'un site.
Textarea Cache est un outil de sauvegarde automatique de Textarea. Il permet de ne plus perdre le contenu des formulaires.
~~Video DownloadHelper est un outil pour sauvegarder localement des vidéos.~~ J'utilise yt-dlp pour télécharger des vidéos, c'est plus fiable.
~~Xmarks Sync est un outil de synchronisation de marque-pages.~~ Cette extension ne sera plus utilisable à partir du 1er mai 2018.
YouTube No Translation permet de bloquer la (mauvaise) traduction automatique du contenu réalisée par Google.

Configuration

Ajout de code postal canadien dans Fake Data
Description des codes postaux.

const postalCode = () => {
    let digit = () => {
        return Math.floor(Math.random() * 10);
    }
    let char = (chars = 'ABCEGHJKLMNPRSTVWXYZ') => {
        return chars[Math.floor(Math.random() * chars.length)];
    }
 
    return `${char('ABCEGHJKLMNPRSTVXY')}${digit()}${char()} ${digit()}${char()}${digit()}`;
};
 
return postalCode();

Ajout de filtres dans µBlock

https://gitlab.com/magnolia1234/bypass-paywalls-clean-filters/-/raw/main/bpc-paywall-filter.txt : Bypass Paywalls Clean filter.
boardgamearena.com##.bga-link-inside.bubblebanner ²⁾ : suppression des info-bulles pour passer en compte Premium.

À tester

¹⁾

Saying Goodbye to Firebug

²⁾

à ajouter dans Mes filtres

trouver_des_documents - [En téléchargement entre pairs]

alexis@undisclosed.example.com (alexis) — Wed, 17 Jun 2026 21:19:12 +0000

Trouver des documents

Dernière validation faite en juin 2026.

En téléchargement direct

Dans le moteur de recherche de Google, rechercher intitle:“Index of” {MOVIE_TITLE} mkv 1080p pour trouver le film des serveurs publics.
Dans le moteur de recherche de Google, rechercher site:drive.google.com {MOVIE_TITLE} pour trouver le film sur les serveurs Google.

En téléchargement entre pairs

Anglophone

Francophone

Obsolète

Téléchargement direct

Téléchargement entre pairs

web - [Mots]

alexis@undisclosed.example.com (alexis) — Wed, 17 Jun 2026 11:25:22 +0000

Jeux en ligne

Géographie

Mots

Divers

islande

alexis@undisclosed.example.com (alexis) — Thu, 04 Jun 2026 18:50:59 +0000

Islande 🇮🇸

mode d'emploi

Plusieurs fonctions sont disponibles dans la carte.

fonctionnement souris/tactile

se déplacer en saisissant la carte avec un clic de souris, vous pouvez déplacer la carte
vue d'ensemble à l'aide du bouton < en bas à droite de la carte, vous pouvez développer une carte d'ensemble
zoom avant et arrière en utilisant les boutons + et - en haut à gauche de la carte, vous pouvez obtenir plus ou moins de détails sur la carte
changement de thème ou de carte en cliquant sur l'icône ≡ sur le côté droit de la carte, vous pouvez afficher et sélectionner les cartes et thèmes disponibles
récupération d'informations la carte peut contenir des éléments qui contiennent plus d'informations, en cliquant dessus un menu contextuel affichera cette information
affichage plein écran à l'aide du bouton ⛶, la carte peut être agrandie en affichage plein écran, utilisez le bouton ▢ pour revenir à l'affichage de la page.

fonctionnement clavier

déplacement à l'aide des touches fléchées, vous pouvez déplacer la carte
vue d'ensemble à l'aide du bouton + en bas à droite de la carte, vous pouvez développer une vue d'ensemble
zoom avant et arrière en utilisant les boutons + et - en haut à gauche de la carte ou en utilisant les touches + et - vous pouvez obtenir plus ou moins de détails dans la carte
changement de thèmes ou de cartes en cliquant sur l'icône ≡ sur le côté droit de la carte, vous pouvez afficher et sélectionner les cartes et thèmes disponibles
récupération d'informations la carte peut contenir des éléments qui contiennent plus d'informations, à l'aide de la touche i vous pouvez activer un curseur qui peut être déplacé à l'aide des touches fléchées, en appuyant sur la touche entrée, une récupération d'informations s'exécutera. Appuyez sur la touche i ou la touche Échap pour retourner au mode de navigation
affichage plein écran à l'aide du bouton ⛶, la carte peut être agrandie en affichage plein écran, utilisez le bouton ▢ pour revenir à l'affichage de la page.

Il est possible que certaines des fonctions ou boutons décrits ci-dessus aient été désactivés par l'auteur de la page ou l'administrateur

Points d'Intérêts (POI)
id	latitude	longitude	description
1	64.847687º	-23.403794º	Bjarnarfoss – chute d'eau
2	64.260841º	-21.369972º	Þórufoss – chute d'eau
3	65.366553º	-17.336909º	Aldeyarfoss – chute d'eau
4	64.264400º	-20.515768º	Brúarárfoss – chute d'eau
5	65.105450º	-13.854387º	Hengifoss – chute d'eau
6	64.175069º	-21.531805º	Helgufoss – chute d'eau
7	65.834222º	-16.398970º	Hafragilsfoss – chute d'eau
8	65.179545º	-14.080942º	Klifbrekkufossar – chute d'eau
9	63.868737º	-18.246520º	Fagrifoss – chute d'eau
10	64.863708º	-24.040071º	Svörtuloft – phare
11	65.843576º	-22.678726º	Heydalur – piscine au milieu d'une serre
12	64.214783º	-20.730129º	Fontana Steam by the Lake – source chaude et lac gelé
13	64.242548º	-20.551633º	Efsti-Dalur II – logement à la ferme & crème glacée
14	64.177631º	-20.444961º	Friðheimar – ferme de tomates & restauration dans la serre
15	63.907088º	-16.706853º	Hofskirkja – église en tourbe
16	63.989180º	-16.469418º	Múlagljúfur – canyon
17	63.799570º	-18.939518º	Mælifell – volcan
18	65.591320º	-16.912267º	Dimmuborgir – champ de lave
19	65.162327º	-15.308126º	Stuðlagil – canyon
20	64.476588º	-14.493629º	Lækjavik – plage de sable noir
21	64.052096º	-19.031550º	Bláhylur – lac volcanique
22	64.013137º	-19.040769º	Stútur – cratère
23	63.417645º	-18.767182º	Hjörleifshöfði – grotte “Yoda”
24	64.163293º	-19.141123º	Sigöldugljúfur – canyon
25	65.474712º	-23.994936º	Rauðasandur – plage de sable rouge
26	63.990512º	-19.060491º	Landmannalaugar – randonnée
27	65.600097º	-13.968114º	Stapavík – randonnée
28	64.643016º	-19.267187º	Kerlingarfjöll – randonnée
29	66.014272º	-16.500115º	Ásbyrgi – plongée
30	65.590937º	-18.595192º	Hraundrangi – randonnée
31	64.147870º	-21.711105º	Ulfarsfell – randonnée
32	64.087701º	-21.782026º	Elliðavatn – randonnée
33	64.127391º	-21.764876º	Rauðholar – randonnée
34	65.048150º	-22.728900º	Helgafell – randonnée
35	64.032866º	-21.833376º	Búrfell – randonnée
36	66.074467º	-23.121919º	Ísafjörður – escalade de bloc
37	65.604630º	-16.995373º	Myvatn – points d'intérêts
38	64.228990º	-20.285489º	Drumboddsstaðir – Arctic rafting

polices - [Pour créer sa propre police]

alexis@undisclosed.example.com (alexis) — Mon, 01 Jun 2026 10:22:24 +0000

Polices

Les différentes polices sont testées avec l'échantillon suivant :

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(){}[]<>|^/*!?`'"@#$%&_-+=~
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
0O 1l B8 <> [] {} 2N2N2N2N

public function getElementValue(array $collection, string $index): ?int
{
    /** Comment #1 */
    if (empty($collection)) {
        return null;
    }
    
    // Comment #2
    foreach ($collection as $key => $element) {
        if ($key < $index || $key > $index) {
            echo 'Index does not match key', PHP_EOL;
            continue;
        }
        
        return $element->value();
    }
}

Polices pour développeur

Quand on travaille de nombreuses heures sur du code, il est important de mettre toutes les chances de son coté pour se faciliter la vie. Ça commence pas l'utilisation d'une police appropriée qui évitera les confusions et améliorera la lisibilité.

Avec une mauvaise police, il y a des risques de mauvaise lecture du code, par exemple en confondant :

0/O (le chiffre “zéro” et la lettre “O” majuscule),
1/l (le chiffre “un” et la lettre “L” minuscule),
B/8 (la lettre “B” et le chiffre “8”).

Fira Code

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(){}[]<>|^/*!?`'“@#$%&_-+=~
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
0O 1l B8 <> [] {} 2N2N2N2N

public function getElementValue(array $collection, string $index): ?int { /** Comment #1 */ if (empty($collection)) { return null; } // Comment #2 foreach ($collection as $key => $element) { if ($key < $index || $key > $index) { echo 'Index does not match key', PHP_EOL; continue; } return $element->value(); } }

Page de téléchargement.
La police est directement disponible dans les dépôts de Arch Linux.
La police supporte les ligatures.

Intel One Mono

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789.:,;(){}[]<>|^/*!?`'”@#$%&_-+=~
àÀâÂçÇéÉèÈêÊëËîÎïÏôÔùÙûÛüÜæÆœŒ
The quick brown fox jumps over the lazy dog
== === != !== >= <= -> <=> =>
0O 1l B8 <> [] {} 2N2N2N2N

Page de téléchargement.

Iosevka

Page de téléchargement.
La police supporte les ligatures.
La police vient en différentes variantes, il va falloir chercher un peu pour trouver celle qui convient.

JetBrains Mono

Page de téléchargement.
La police supporte les ligatures ³⁾.
La police supporte plusieurs langues, plusieurs langages, plusieurs graisses.

Liens

Polices pour développeurs [Wiki de sebsauvage.net]
Programming Fonts - Test Drive → pour tester d'autres polices pour développeur

Polices utilisées

Il existe des milliers de polices, mais celles-ci sont celles que j'utilise d'une manière où d'une autre.

Ænigma Scrawl 4 BRK

Page de téléchargement.
C'est la police utilisée lors de la génération de l'image contenant mes coordonnées.

Grudge 2 BRK

Page de téléchargement.
C'est la police utilisée sur ma carte d'affaire ⁴⁾.

ParaType Sans

Page de téléchargement.
C'est l'une des polices utilisées sur mon site.

ParaType Serif

Page de téléchargement.
C'est l'une des polices utilisées sur mon site.

Sketch Nothing

Page de téléchargement.
C'est la police utilisée pour la génération des étiquettes que j'imprime pour donner un coté rustique.

Autres polices

Old Newspaper Types

Page de téléchargement.

Polices à tester

Répertoires de polices

Pour créer sa propre police

Configuration et utilisation

Installation sous Linux

Si les polices sont disponibles dans les dépôts, il est recommandé d'utiliser le gestionnaire de paquet pour les installer. Sinon il faut copier les fichiers dans le répertoire ~/.local/share/fonts et de regénérer les informations de cache des polices avec la commande suivante :

fc-cache --force --verbose

Visualisation

Pour visualiser les polices disponibles sur mon système, j'utilise gnome-font-viewer. Il affichera l'ensemble des polices disponibles pour l'utilisateur. Celles-ci sont situées soit dans /usr/share/fonts soit dans ~/.local/share/fonts.

Activation des ligatures dans vscode

Installer une police le permettant, ici Fira Code,
Dans la configuration, ajouter le nom de la police dans la liste des polices supportées, ici Fira Code,
Dans le fichier settings.json, ajouter la propriété editor.fontLigatures avec la valeur true.

Ajouter des polices dans Dokuwiki

Voir Dokuwiki.

³⁾

Il existe une version sans ligature pour utiliser avec les outils n'ayant pas l'option pour les désactiver

⁴⁾

je ne l'utilise plus vraiment, mais je garde ça au cas où.

bloquer_la_mise_en_veille_de_l_ecran

alexis@undisclosed.example.com (alexis) — Sat, 30 May 2026 11:41:58 +0000

Bloquer la mise en veille de l'écran

Lors de la lecture d'une vidéo sous Firefox, il n'y a pas de mécanisme pour bloquer la mise en veille de l'écran. Pour ne pas être embêté durant un film, j'ai écrit une fonction inspirée de Note : astuce verrouillage Windows. Cette fonction me permet de lire une vidéo en boucle avec VLC.

Je ne voulais pas dépendre d'un fichier externe à la fonction donc j'ai décidé de tout inclure dans celle-ci.

Première version : avec la vidéo de la source mentionnée plus haut.

# Keep screen active when reading videos from Firefox
function keep-screen-active {
  SUFFIX=.$FUNCNAME.mp4
  find /tmp -maxdepth 1 -type f -iname \*$SUFFIX -delete
  FILE=$(mktemp --suffix $SUFFIX)
  base64 --decode > $FILE <<-'EOF'
AAAAHGZ0eXBNNFYgAAACAGlzb21pc28yYXZjMQAAAAhmcmVlAAAGF21kYXTeBAAAbGliZmFhYyAx
LjI4AABCAJMgBDIARwAAArEGBf//rdxF6b3m2Ui3lizYINkj7u94MjY0IC0gY29yZSAxNDIgcjIg
OTU2YzhkOCAtIEguMjY0L01QRUctNCBBVkMgY29kZWMgLSBDb3B5bGVmdCAyMDAzLTIwMTQgLSBo
dHRwOi8vd3d3LnZpZGVvbGFuLm9yZy94MjY0Lmh0bWwgLSBvcHRpb25zOiBjYWJhYz0wIHJlZj0z
IGRlYmxvY2s9MTowOjAgYW5hbHlzZT0weDE6MHgxMTEgbWU9aGV4IHN1Ym1lPTcgcHN5PTEgcHN5
X3JkPTEuMDA6MC4wMCBtaXhlZF9yZWY9MSBtZV9yYW5nZT0xNiBjaHJvbWFfbWU9MSB0cmVsbGlz
PTEgOHg4ZGN0PTAgY3FtPTAgZGVhZHpvbmU9MjEsMTEgZmFzdF9wc2tpcD0xIGNocm9tYV9xcF9v
ZmZzZXQ9LTIgdGhyZWFkcz02IGxvb2thaGVhZF90aHJlYWRzPTEgc2xpY2VkX3RocmVhZHM9MCBu
cj0wIGRlY2ltYXRlPTEgaW50ZXJsYWNlZD0wIGJsdXJheV9jb21wYXQ9MCBjb25zdHJhaW5lZF9p
bnRyYT0wIGJmcmFtZXM9MCB3ZWlnaHRwPTAga2V5aW50PTI1MCBrZXlpbnRfbWluPTI1IHNjZW5l
Y3V0PTQwIGludHJhX3JlZnJlc2g9MCByY19sb29rYWhlYWQ9NDAgcmM9Y3JmIG1idHJlZT0xIGNy
Zj0yMy4wIHFjb21wPTAuNjAgcXBtaW49MCBxcG1heD02OSBxcHN0ZXA9NCB2YnZfbWF4cmF0ZT03
NjggdmJ2X2J1ZnNpemU9MzAwMCBjcmZfbWF4PTAuMCBuYWxfaHJkPW5vbmUgZmlsbGVyPTAgaXBf
cmF0aW89MS40MCBhcT0xOjEuMDAAgAAAAFZliIQL8mKAAKvMnJycnJycnJycnXXXXXXXXXXXXXXX
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXiEA
SZACGQAjgCEASZACGQAjgAAAAAdBmjgX4GSAIQBJkAIZACOAAAAAB0GaVAX4GSAhAEmQAhkAI4Ah
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
EOF
  vlc --loop $FILE
}

Deuxième version : je trouvais que le fichier était un peu gros pour le travail réalisé, alors j'ai généré ma propre vidéo.

# Génération de l'image pour la vidéo
magick -size 4x4 canvas:teal out.png

# Génération de la vidéo
ffmpeg -loop 1 -i out.png -c:v libsvtav1 -preset 4 -crf 30 -tune 0 -t 1 -pix_fmt yuv420p10le out.mp4

# Keep screen active when reading videos from Firefox
function keep-screen-active {
  SUFFIX=.$FUNCNAME.mp4
  find /tmp -maxdepth 1 -type f -iname \*$SUFFIX -delete
  FILE=$(mktemp --suffix $SUFFIX)
  base64 --decode > $FILE <<-'EOF'
AAAAIGZ0eXBpc29tAAACAGlzb21hdjAxaXNvMm1wNDEAAAAIZnJlZQAAAgptZGF0CgwAAAAAj51f
KgIEBAgyFBAAkoAAAAABAAA79223+sfhqz60MhEoEAAkkkk9OwAAAAADgACU6DIRKAgBBJIAPWIA
AAEAAYAAlEgyESgEhASSYb1tAAABAAGAAJAgMhEoAogEkqw9cwAAAQABgACLwDIRMAMgCSWreuwA
AAIAAwAAh4AaAegyEDAGoBl9WHrsAAACAAMAAIUaAdgyESgGKAuVY71zAAABAAGAAIeAMhAwCqAV
e5h67AAAAgADAACCGgHoMhAwDqAa9MN67AAAAgADAAB+GgG4MhEoDCQHVhw9bQAAAQABgACLwDIQ
KAooB5OivXMAAAEAAYAAhTIQMBKgDXeoeuwAAAIAAwAAfBoB6DIQMBagGfVFeuwAAAIAAwAAfBoB
2DIQKA4oC5ocPXMAAAEAAYAAgjIQMBqgFfWGeuwAAAIAAwAAdBoB6DIQMB6gGvYQeuwAAAIAAwAA
eBoBiDIRKBgAQEAAPTsAAAAAA8AAkCAyESgUIgDQJL1iAAABAAGAAJAgMhEoEiQBWoY9bQAAAQAB
gACHgDIQMCKQAeFheuYAAAIAAwAAfhoB2DIQMCaQFGsMeuYAAAIAAwAAfBoByDIQKBYkCUMkvW0A
AAEAAYAAhTIQMCqQEGlNeuYAAAIAAwAAfBoB2DIQMC6QFmpJeuYAAAIAAwAAdBoBmAAAA21tb292
AAAAbG12aGQAAAAAAAAAAAAAAAAAAAPoAAAD6AABAAABAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAA
AAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAACl3Ry
YWsAAABcdGtoZAAAAAMAAAAAAAAAAAAAAAEAAAAAAAAD6AAAAAAAAAAAAAAAAAAAAAAAAQAAAAAA
AAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAEAAAAAABAAAAAQAAAAAACRlZHRzAAAAHGVsc3QAAAAA
AAAAAQAAA+gAAAAAAAEAAAAAAg9tZGlhAAAAIG1kaGQAAAAAAAAAAAAAAAAAADIAAAAyAFXEAAAA
AAAtaGRscgAAAAAAAAAAdmlkZQAAAAAAAAAAAAAAAFZpZGVvSGFuZGxlcgAAAAG6bWluZgAAABR2
bWhkAAAAAQAAAAAAAAAAAAAAJGRpbmYAAAAcZHJlZgAAAAAAAAABAAAADHVybCAAAAABAAABenN0
YmwAAACec3RzZAAAAAAAAAABAAAAjmF2MDEAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABAAEAEgA
AABIAAAAAAAAAAEXTGF2YzYyLjI4LjEwMSBsaWJzdnRhdjEAAAAAAAAAAAAY//8AAAAaYXYxQ4EA
TAAKDAAAAACPgF8KAgQECAAAAApmaWVsAQAAAAAUYnRydAAAAAAAABAQAAAQEAAAABhzdHRzAAAA
AAAAAAEAAAAZAAACAAAAABRzdHNzAAAAAAAAAAEAAAABAAAAHHN0c2MAAAAAAAAAAQAAAAEAAAAZ
AAAAAQAAAHhzdHN6AAAAAAAAAAAAAAAZAAAAJAAAAF8AAAADAAAAEgAAAAMAAAAlAAAAAwAAABIA
AAADAAAANwAAAAMAAAASAAAAAwAAACQAAAADAAAAEgAAAAMAAABLAAAAAwAAABIAAAADAAAAJAAA
AAMAAAASAAAAAwAAABRzdGNvAAAAAAAAAAEAAAAwAAAAYnVkdGEAAABabWV0YQAAAAAAAAAhaGRs
cgAAAAAAAAAAbWRpcmFwcGwAAAAAAAAAAAAAAAAtaWxzdAAAACWpdG9vAAAAHWRhdGEAAAABAAAA
AExhdmY2Mi4xMi4xMDE=
EOF
  vlc --loop $FILE
}

Troisième version : je me suis rendu compte que vlc peut lire une image, alors j'ai abandonné la vidéo.

# Génération de l'image
magick -size 1x1 canvas:teal out.png

# Keep screen active when reading videos from Firefox
function keep-screen-active {
  SUFFIX=.$FUNCNAME.png
  find /tmp -maxdepth 1 -type f -iname \*$SUFFIX -delete
  FILE=$(mktemp --suffix $SUFFIX)
  base64 --decode > $FILE <<-'EOF'
iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo
AAB1MAAA6mAAADqYAAAXcJy6UTwAAAAGUExURQCAgP////lmmXQAAAABYktHRAH/Ai3eAAAAB3RJ
TUUH6gUeCyAgoZLWEwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyNi0wNS0zMFQxMTozMjozMiswMDow
MNfjckkAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjYtMDUtMzBUMTE6MzI6MzIrMDA6MDCmvsr1AAAA
KHRFWHRkYXRlOnRpbWVzdGFtcAAyMDI2LTA1LTMwVDExOjMyOjMyKzAwOjAw8avrKgAAAApJREFU
CNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII=
EOF
  vlc --loop $FILE
}

Quatrième version : je me suis rendu compte que je n'avais plus besoin d'avoir le fichier dans la fonction, alors j'ai généré l'image dans celle-ci.

# Keep screen active when reading videos from Firefox
function keep-screen-active {
  SUFFIX=.$FUNCNAME.png
  find /tmp -maxdepth 1 -type f -iname \*$SUFFIX -delete
  FILE=$(mktemp --suffix $SUFFIX)
  magick -size 1x1 canvas:teal $FILE
  vlc --loop $FILE
}

Cinquième version : je n'avais pas besoin d'avoir un nom de fichier aléatoire, alors j'ai forcé le nom de l'image.

# Keep screen active when reading videos from Firefox
function keep-screen-active {
  FILE=/tmp/$FUNCNAME.png
  magick -size 1x1 canvas:teal $FILE
  vlc --loop $FILE
}

en_ligne - [Couture & co.]

alexis@undisclosed.example.com (alexis) — Wed, 27 May 2026 10:29:46 +0000

En ligne

Bac à sable

explain.dalibo.com permet de visualiser et de comprendre ce que retourne la commande EXPLAIN de Postgres.
JSFiddle permet d'écrire et d'exécuter du code JavaScript en ligne.
Package Semver Checker permet de tester des règles de sélection de paquets par leur version.
PHP Sandbox permet d'écrire et d'exécuter du code PHP en ligne.
Run Curl Commands Online permet d'écrire et d'exécuter des commandes cURL en ligne.
SQL Fiddle permet d'écrire des requêtes SQL et de les tester.
regex101 permet de construire, de tester et de débogguer des expressions rationnelles.
twigfiddle permet d'écrire et d'exécuter des modèles Twig en ligne.
WritePhpOnline permet d'écrire et d'exécuter du code PHP en ligne.

Cartographie

brouter.de permet de calculer des itinéraires en fonction du véhicule utilisé.
CalTopo permet l'impression de cartes.
Chronotrains permet de calculer des distances isochrones en train.
CommuteTimeMap permet d'afficher les distances isochrones sur une carte.
MyOSMatic permet de générer des cartes de villes avec un index des rues.
On The Go Map permet de générer des cartes de courses avec calcul des distances.
Openrouteservice Maps permet de calculer des itinéraires et des distances isochrones.
OpenStreetMap permet d'afficher la carte du monde.
SafeCycle permet de calculer des itinéraires de vélo en fonction de leur degré de sécurité.
smappen permet de calculer des itinéraires en fonction du véhicule utilisé.

Convertisseurs

Butter converter permet de convertir des quantités de beurre en différentes unités.
ConvertICO permet de convertir des images png en images ico.
Convertisseur en ligne permet de convertir des vidéos, des images, des mp3 et des documents.
Degrees, minutes, seconds to decimal degrees converter permet de convertir des coordonnées.
Epoch Converter permet de convertir un timestamp en date et inversement.
Free Online OCR permet d'extraire le texte d'images et de fichiers PDF.
Image to Draw.io Converter permet de convertir une image en schéma compatible avec draw.io.
OCR PDFs and images permet d'extraire le texte d'images et de fichiers PDF depuis le navigateur.

Courriels jetables

Images

Base64 Image Encoder permet de convertir des images en base64.
Favicon Generator permet de générer facilement une icône à partir de texte, d'image ou d'émoji.
PicTiler permet de générer des mozaïques de photos dans le navigateur.
Transparent PNG Pixel Base64 Encoded permet de générer des images transparentes en base64.

Langues

DeepL permet de traduire du texte. Il y a peu de langues supportées mais elles le sont mieux que par d'autres outils.
DCHP-3 est un dictionnaire d'expression canadienne en anglais.
Kagi Translate permet de traduire du texte. Beaucoup de langues supportées.
Urban Dictionary est un dictionnaire de locutions familières créé par les utilisateurs.
WordReference est un dictionnaire de traduction multi-langues avec définitions, exemples et prononciations.

Recherche

Tests

Analyse your HTTP response headers permet d'analyser les entêtes HTTP d'un site afin d'améliorer la sécurité de ce dernier.
Internet Speed Test - Measure Network Performance permet de tester une connexion internet pour connaître son débit et sa latence.
LibreSpeed permet de tester une connexion internet pour connaître son débit et sa latence.
OnlineMicTest permet de faire des tests de fonctionnement du micro, de la caméra, du son, du clavier et de la souris.
PageSpeed Insights permet d'analyser le temps de chargement d'un site afin d'améliorer sa rapidité.
Speed Test for Any Internet Connection permet de tester une connexion internet pour connaître son débit et sa latence.
Test Ad Block permet de tester si les publicités sont bien bloquées.

Validation

htaccess tester permet de valider la syntaxe utilisée dans les fichiers .htaccess.
JSONLint permet de valider la syntaxe de fichiers JSON.
JSON Schema Validator permet de valider des fichiers JSON par rapport à un schéma.
Online JSON Viewer permet de valider la syntaxe de fichiers JSON et de naviguer dans les différents éléments de ces fichiers.
XML Schema Validator permet de valider des fichiers XML par rapport à un schéma.
W3C Markup Validation Service permet de valider des fichiers utilisant une syntaxe à balise (XML, HTML, etc.).

Transfert de fichiers

FilePastebin ⁵⁾ permet de transférer des fichiers de pair à pair grâce à WebRTC.
PrivTracker permet de générer un tracker privé pour transférer des fichiers avec ses amis.
SwissTransfer permet de transférer des fichiers volumineux ⁶⁾.

Photo

Aurora Forecast permet de connaître la probabilité de voir des aurores boréales.
Cleanup.pictures permet de supprimer des objets, des personnes, du texte ou des défauts de n'importe quelle image.
Light pollution map permet de voir le degré de pollution lumineuse à un endroit donné.

Couture & co.

FPP Design permet de créer des patrons FPP.
r/Sewing Fabric Shop Map est un calque sur les cartes Google pour voir les magasins vendant du tissu et autres fournitures liées à la couture. ⁷⁾

Divers

Anagram Solver permet de trouver des anagrammes à partir d'une liste de lettres ⁸⁾.
Break your literary bubble permet de trouver des recommandations de lectures en dehors de notre bulle littéraire.
explainshell permet d'obtenir de l'aide sur les arguments d'une commande du shell.
Filigrane Facile permet d'ajouter un filigrane sur un document.
Flexport permet de suivre des navires en temps réel.
FlightAware permet de suivre des avions en temps réel.
Flightradar24 permet de suivre des avions en temps réel.
IP Chicken permet de récupérer l'IP publique d'un appareil connecté.
optiCutter permet d'optimiser les découpes sur des éléments linéaires ou des panneaux.
Rome2rio permet de découvrir comment aller partout dans le monde.
RSS Feed Extractor permet de trouver les flux RSS de nombreux sites.
Time and date est une collection d'outil pour visualiser et calculer les dates et les heures.
URL Decode and Encode permet de (dé)coder une URL.
View non-printable unicode characters permet de visualiser les caractères qui se cachent dans un texte copié.
Word Finder permet de trouver des mots à partir d'une liste de lettres.
xkcd.fyi est une surcouche à xkcd qui ajoute la transcription de la BD ainsi qu'un lien vers son explication.
&udm=14 permet d'accéder à la recherche de Google sans la « merde » générée par l'IA.

⁵⁾

GitHub - kevinwang5658/filepastebin: A free file transferring website

⁶⁾

jusqu'à 50Go

⁷⁾

Formulaire pour proposer de nouvelles entrées

⁸⁾

uniquement en anglais

mise_en_place_d_une_copie_hors-ligne_de_mon_espace_personnel

alexis@undisclosed.example.com (alexis) — Sat, 23 May 2026 13:08:14 +0000

Mise en place d'une copie hors-ligne de mon espace personnel

Mise en contexte

Depuis plusieurs années, j'alimente plusieurs système en ligne ⁹⁾. Ça me demande de l'énergie et du temps, ça m'ennuierai de voir tout ça disparaitre. C'est pourquoi je voulais en faire une version hors-ligne pour pouvoir conserver mon travail car on ne sait jamais ce qui peut arriver ¹⁰⁾.

Il y a quelques années, j'avais écrit un script de sauvegarde mais je me suis rendu compte qu'il ne fonctionnait plus suite à des changements de politiques chez l'hébergeur et des changements de configuration localement. Il fallait tout reprendre à la base.

Solutions envisagées

Ma première idée a été de faire une sauvegarde des fichiers de données uniquement et de recréer les environnements localement. Cette solution me permet de ne gérer que les fichiers de données lors de la sauvegarde, ce qui réduit les temps de traitement et la volumétrie. Par contre, elle m'oblige à recréer les environnements localement, ce qui n'est pas un problème pour les sections sans configuration (blog, galerie, etc.) mais qui devient un casse-tête pour les autres sections (wikis) car il faut reproduire la configuration à l'identique.

Ma seconde idée a été de faire une sauvegarde de l'ensemble des répertoires et de les servir localement. Cette solution me permet de sauvegarder la totalité des applications avec configuration, données et modules. Ça augmente la volumétrie et le temps de traitement de la sauvegarde mais ça simplifie grandement la configuration des environnements locaux.

J'ai opté pour la seconde idée afin de me faciliter la vie, l'espace disque étant bon marché à l'heure actuelle.

Mise en place

Sauvegarde de mon espace personnel

J'ai repris le script que j'avais écrit auparavant ¹¹⁾ et j'ai modifié les choses suivantes :

Changement de l'accès aux bases de données,
Changement des données à sauvegarder,
Changement de la cible de sauvegarde,
Changement de l'accès au serveur.

Voici le nouveau script :

#!/usr/bin/env bash
 
. $(dirname "$0")/.utils.sh
 
AINW=ainw
DEST=~/Workspace/offline/src
ICON=/usr/share/icons/Adwaita/scalable/devices/drive-removable-media.svg
MOUNT=/tmp/ainw
USER=alexis
MYSQL_HOST=<host>
DATABASE=<database>
 
notify_info $USER "'Backup started'" "'AINW.ORG to local drive.'" $ICON
 
# Extract crontab
echo -e "\e[1;32;49mBackup of crontab in progress\e[m"
ssh $AINW "crontab -l" > $DEST/crontab
 
# Dump databases
echo -e "\e[1;32;49mBackup of the database in progress\e[m"
ssh $AINW "mysqldump --defaults-extra-file=~/.mysql/mysqldump.cnf --no-tablespaces --skip-comments --disable-keys --host $MYSQL_HOST --databases $DATABASE" > $DEST/mysqldump.sql
 
# Save files
mkdir -p $MOUNT
sshfs $AINW:www $MOUNT
 
files[0]=<folder #1>
…
files[n]=<folder #n>
 
for i in "${files[@]}"
do
    echo -e "\e[1;32;49mBackup of $i folder in progress\e[m"
    if [[ -d $MOUNT/$i ]]; then
        mkdir -p $DEST/$i
    fi
    rsync --compress --delete --force --archive --quiet $MOUNT/$i $DEST/$(dirname $i)
done
 
umount $MOUNT
rmdir $MOUNT
 
notify_info $USER "'Backup done'" "'AINW.ORG to local drive.'" $ICON

Une chose qu'il faut mentionner, c'est l'absence du nom d'utilisateur et de son mot de passe dans le script. C'est une mauvaise pratique de faire cela alors je me suis efforcé à corriger ce problème. J'ai suivi la documentation disponible dans les lectures utiles. Il est important de noter que l'option --defaults-extra-file doit absolument être la première option de la commande sinon elle n'est pas prise en compte.

Pour l'instant, j'ai créé le fichier d'authentification uniquement sur le serveur. Dans une version future, je vais gérer l'ajout et la suppression de ce fichier directement dans le script de sauvegarde.

Il est impératif d'ajouter l'option --no-tablespaces sinon l'utilisateur n'a pas les permissions requises pour faire la sauvegarde de la base de données. C'est mentionné dans la documentation disponible sur le site de mon hébergeur mais il est facile de ne pas le voir.

Il y a certaines choses que je ne sauvegarde pas car elles sont générées sur ma machine avant d'être envoyées sur le serveur. J'utilise directement la version qui est déjà disponible sur ma machine.

Mise à disposition localement

Il y a plusieurs systèmes à mettre en place pour que tout fonctionne correctement. Nous allons faire tourner chaque système dans un conteneur pour ne pas avoir à configurer le poste local. Pour cela, nous allons utiliser Docker ¹²⁾.

	Blog ¹³⁾	Galerie ¹⁴⁾	Wiki ¹⁵⁾	Shaarli ¹⁶⁾	Agrégateur RSS
Serveur web	✔	✔	✔	✔	✔
Service PHP			✔	✔	✔
Base de données ¹⁷⁾					✔

Configuration de la résolution d'IP

Pour éviter d'utiliser des adresses IP et des numéros de port pour accéder aux différents services mis à disposition, il va falloir définir des noms de domaine locaux. La configuration se passe dans le fichier /etc/hosts dans lequel on va ajouter les lignes suivantes :

127.0.0.1       ainw.org.local
127.0.0.1       rss.local

Mise à disposition du blog et de la galerie

Pour cela, nous allons utiliser une image de nginx et la configurer pour que les contenus statiques soient servis directement.

ainw.org.conf

server {
    index index.html;
    server_name ainw.org.local;
    error_log /var/log/nginx/error.log;
    access_log /var/log/nginx/access.log;
    root /var/www/html;
}

docker-compose.yml

services:
  web:
    image: nginx:latest
    ports:
      - '80:80'
    volumes:
      - /chemin/du/blog/local:/var/www/html
      - /chemin/de/la/galerie/locale:/var/www/html/photos
      - ./.docker/ainw.org.conf:/etc/nginx/conf.d/default.conf

Il ne reste plus qu'à lancer la commande docker compose up --detach et accéder au blog ou à la galerie directement dans le navigateur.

Il faut faire attention lors de la configuration des volumes. Si plusieurs d'entre-eux ont la même cible, c'est le dernier défini qui sera réellement chargé. C'est tout à fait normal, mais cela peut porter à confusion si on ne fait pas attention.

Mise à disposition des wikis et des shaarlis

Pour cela, nous allons utiliser une image de PHP et modifier la configuration de nginx pour interpréter les contenus dynamiques avant de les servir. Les contenus statiques vont continuer à être servis directement.

ainw.org.conf

server {
    index index.html index.php;
    server_name ainw.org.local;
    error_log /var/log/nginx/error.log;
    access_log /var/log/nginx/access.log;
    root /var/www/html;
    location ~ \.php$ {
        try_files $uri =404;
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass php-fpm:9000;
        fastcgi_index index.php;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
    } 
}

docker-compose.yml

services:
  web:
    image: nginx:latest
    ports:
      - '80:80'
    volumes:
      - /chemin/du/blog/local:/var/www/html
      - /chemin/de/la/galerie/locale:/var/www/html/photos
      - ./src/shaarlis:/var/www/html/links
      - ./src/wiki1:/var/www/html/wiki1
      - ./src/wiki2:/var/www/html/wiki2
      - ./.docker/ainw.org.conf:/etc/nginx/conf.d/default.conf
    links:
      - php-fpm

  php-fpm:
    image: php:8.3-fpm
    user: 1000:1000
    volumes:
      - ./src:/var/www/html

Il ne reste plus qu'à lancer la commande docker compose up --detach et accéder aux wikis ou aux shaarlis directement dans le navigateur.

La version de PHP à utiliser ici est 8.3. Dokuwiki n'étant pas compatible avec la version 8.4.

Mise à disposition de l'agrégateur de RSS

Pour la cela, il va falloir configurer plusieurs choses. Nous avons besoin :

d'une base de donnée – pour stocker les données de l'agrégateur.
d'un serveur web – la configuration est différente de celle configurée précédemment.
de PHP – la configuration est différente de celle configurée précédemment.
d'un routeur de requête HTTP – pour diriger les requêtes reçues dur le serveur web approprié.

rss.conf

server {
    index index.php index.html index.htm;
    server_name rss.local;
    error_log /var/log/nginx/rss.error.log;
    access_log /var/log/nginx/rss.access.log;
    root /var/www/html/p/;
    location ~ ^.+?\.php(/.*)?$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass rss-php:9000;
        include fastcgi_params;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_param PATH_INFO $fastcgi_path_info;
    }
    location / {
        try_files $uri $uri/ index.php;
    }
}

docker-compose.yml

services:
  traefik:
    image: traefik:latest
    command:
      - "--entryPoints.web.address=:80"
      - "--api.insecure=true"
      - "--providers.docker=true"
      - "--providers.docker.exposedbydefault=false"
    ports:
      - "80:80"
      - "8888:8080"
    volumes:
      - "/var/run/docker.sock:/var/run/docker.sock"

  web:
    image: nginx:latest
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.ainw.rule=Host(`ainw.org.local`)"
    volumes:
      - ~/Workspace/ainw.org/output:/var/www/html
      - ~/Workspace/photos.ainw.org/_build:/var/www/html/photos
      - ./src/links:/var/www/html/links
      - ./src/j8c2v3:/var/www/html/j8c2v3
      - ./src/wiki:/var/www/html/wiki
      - ./.docker/ainw.org.conf:/etc/nginx/conf.d/default.conf
    links:
      - web-php

  web-php:
    image: php:8.3-fpm
    user: 1000:1000
    volumes:
      - ./src/links:/var/www/html/links
      - ./src/j8c2v3:/var/www/html/j8c2v3
      - ./src/wiki:/var/www/html/wiki

  rss:
    image: nginx:latest
    labels:
      - "traefik.enable=true"
      - "traefik.http.routers.rss.rule=Host(`rss.local`)"
    volumes:
      - ./src/freshrss:/var/www/html
      - ./.docker/rss.conf:/etc/nginx/conf.d/default.conf
    links:
      - rss-php
      - db

  rss-php:
    build: ./.docker/rss-php
    user: 1000:1000
    volumes:
      - ./src/freshrss:/var/www/html
    links:
      - db

  db:
    image: mysql:latest
    container_name: mysql.ainw.org
    ports:
      - "3306:3306"
    environment:
      - MYSQL_ALLOW_EMPTY_PASSWORD=true
      - MYSQL_DATABASE=ainw_rss
      - MYSQL_USER=<user>
      - MYSQL_PASSWORD=<pwd>
    volumes:
      - ./src/db:/var/lib/mysql:rw

Dockerfile

FROM php:8.3-fpm
RUN apt-get update && apt-get install --yes --no-install-recommends \
    libcurl4-openssl-dev \
    libgmp-dev \
    libicu-dev \
    libonig-dev \
    libxml2-dev \
    libzip-dev \
    && docker-php-ext-install curl gmp intl mbstring pdo pdo_mysql xml zip \
    && docker-php-ext-enable curl gmp intl mbstring pdo pdo_mysql xml zip

Il ne reste plus qu'à lancer la commande docker compose up --detach et accéder à l'agrégateur directement dans le navigateur.

À cette étape, cela fonctionne mais il manque encore quelque chose, les données. Il reste donc à les importer pour que l'ensemble soit fonctionnel. Pour cela, il suffit de lancer la commande suivante :

docker compose exec --no-tty db mysql -u root < mysqldump.sql

Automatisation

C'est plus un regroupement des commandes dans un fichier Makefile pour ne pas avoir à me souvenir de chaque commande pour refaire mon environnement hors-ligne.

##@ General
 
.PHONY: help
help: ## Display this help.
        @awk 'BEGIN {FS = ":.*##"; printf "\nUsage:\n  make \033[36m<target>\033[0m\n"} /^[a-zA-Z_0-9-]+:.*?##/ { printf "  \033[36m%-15s\033[0m %s\n", $$1, $$2 } /^##@/ { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
 
##@ Container actions
 
.PHONY: build
build: ## Build containers
        @docker compose build
 
.PHONY: load
load: ## Load database dump
        @docker compose exec --no-tty db mysql -u root < ./src/mysqldump.sql
 
.PHONY: serve
serve: ## Serve offline content locally
        @docker compose up --detach --remove-orphans

Lectures utiles

⁹⁾

blog, wiki, etc.

¹⁰⁾

fermeture de l'hébergeur, coupure d'internet, etc.

¹¹⁾

Mise en place de sauvegardes

¹²⁾

J'aurais pu choisir un autre moyen, mais c'est celui que je connais le mieux.

¹³⁾ , ¹⁴⁾

site statique

¹⁵⁾ , ¹⁶⁾

¹⁷⁾

mysql

configuration - [Des alias pour gagner du temps]

alexis@undisclosed.example.com (alexis) — Fri, 22 May 2026 14:41:42 +0000

todo

Configuration

Il est possible de modifier les préférences en utilisant soit git directement soit en modifiant son fichier de configuration.

En ligne de commande

git config --global user.name "Nom et prénom de l'utilisateur" # Nom de l'utilisateur
git config --global user.email "Adresse email de l'utilisateur" # Adresse email de l'utilisateur
git config --global color.ui "auto" # Colorisation des résultats
git config --global core.editor vim # Choix de l'éditeur par défaut
git config --global help.autocorrect 1 # Auto-correction des commandes
git config --global core.autocrlf false # Non conversion du caractère de fin de ligne
git config --global commit.template <filename> # Utilisation d'un modèle de message pour la validation
git config --global alias.st 'status' # Création d'un alias de la fonction "status"
git config --global push.autoSetupRemote true # Création automatique de la branche distante au moment du partage (commande "push")

Pour supprimer un élément de la configuration, il suffit d'ajouter l'option --unset lors de l'utilisation de la commande. Par exemple :

git config --global --unset user.name

En utilisant --global, la configuration s'applique à l'utilisateur courant. Il est possible de changer ce comportement en utilisant d'autres options :

Avec --system, la configuration s'applique à tous les utilisateurs de la machine.
Avec --local, la configuration s'applique au dépôt courant. Dans ce cas, il faut bien sur se trouver dans un répertoire géré par git.

Avec un fichier de configuration

Le fichier a modifier est le fichier .gitconfig à la racine du répertoire de l'utilisateur. Il est généré automatiquement lors de l'utilisation des commandes de configuration.

[user]
        email = Adresse email de l'utilisateur
        name = Nom et prénom de l'utilisateur
[core]
        editor = vim 
        autocrlf = false
[color]
        ui = auto
[help]
        autocorrect = 1
[alias]
        st = status
[commit]
        template = <filename>
[push]
        autoSetupRemote = true

Pour supprimer un élément de la configuration, il suffit de l'enlever du fichier de configuration.

En modifiant le fichier .gitconfig, la configuration s'applique à l'utilisateur courant. Il est possible de changer ce comportement en modifiant d'autres fichiers :

En modifiant le fichier /etc/gitconfig, la configuration s'applique à tous les utilisateurs de la machine.
En modifiant le fichier .git/config, la configuration s'applique au dépôt courant. Dans ce cas, il faut bien sur se trouver dans un répertoire géré par git.

Lorsque l'autocorrection des commandes est activée, git essaye de trouver une correspondance dans les commandes existantes. S'il existe plusieurs possibilités, elles seront affichées à l'utilisateur. S'il n'existe qu'une seule possibilité, elle sera exécutée automatiquement.

Lorsqu'un fichier modèle de message est utilisé pour la validation, celui-ci est affiché à chaque validation. Les lignes de commentaires ¹⁾ ne seront pas utilisées lors de la validation. Cela permet de :

donner des indications sur ce que doit contenir le message de validation,
faciliter la rédaction du message de validation en y intégrant les données obligatoires automatiquement.

Des alias pour gagner du temps

En plus de raccourcir certaines commandes, les alias permettent aussi de combiner des actions répétitives en une seule commande. Voici les alias que j'utilise actuellement.

.gitconfig

[alias]
        ; List aliases
        alias = !git config --get-regexp '^alias\\.' | sed --expression s/^alias\\.// --expression s/\\ /\\\\t\\ / | sort
        ; Amend content to the last commit
	amend = commit --amend --no-edit
        ; Check for whitespace errors
        check = diff --check HEAD
        ; Fixup a commit into another
        fixup = !sh -c 'git stash --keep-index && SHA=$(git rev-parse $1) && git commit --fixup $SHA && GIT_SEQUENCE_EDITOR=: git rebase --interactive --autosquash $SHA~ && git stash pop' -
        ; Show file names in commits
        list-file = !sh -c 'git diff-tree --no-commit-id --name-only -r ${1:-HEAD}' -
	; Show branches ordered by last working time
	last-work = branch --sort='-committerdate' --format='%(color:green)%(committerdate:relative) %(color:red)%(refname:short) %(color:reset)%(subject)' --color=always
        ; Retrieve a MR locally (gitlab)
        mr = !sh -c 'git fetch ${2:-origin} merge-requests/$1/head:mr/$1 && git checkout mr/$1' -
        ; Show log on oneline
        oneline = log --oneline --abbrev-commit --graph
        ; Retrieve a PR locally (github)
        pr = !sh -c 'git fetch ${2:-origin} pull/$1/head:pr/$1 && git checkout pr/$1' -
        ; Prune local tags that don't exist on remote
        pt = !git tag -l | xargs git tag -d && git fetch -t
        ; Remove local MRs (gitlab)
        rmmr = !git reset --hard && git checkout master && git branch --list 'mr/*' --format '%(refname:lstrip=2)' | xargs git branch -D
        ; Show synchronized branches without remote
        stale-branch = !git fetch --all --prune && git branch --verbose | awk '/\\[gone\\]/ {print $1}'

La commande :, utilisée comme éditeur dans la variable GIT_SEQUENCE_EDITOR, fait partie des commandes incluses dans Bash. Voir ici pour plus d'informations.

Attention, la version de sed disponible sur MacOS ne supporte pas l'option –expression. Il faut la remplacer par l'option -e, le reste étant conservé à l'identique.

Prompt personnalisé

Vérifier ce que j'ai fait à la maison

export GIT_PS1_SHOWDIRTYSTATE=1
export GIT_PS1_SHOWSTASHSTATE=1
export GIT_PS1_SHOWUNTRACKEDFILES=1
export GIT_PS1_SHOWUPSTREAM=verbose
export GIT_PS1_DESCRIBE_STYLE=branch
export GIT_PS1_SHOWCOLORHINTS=1
export PROMPT_COMMAND='__git_ps1 "\[\033[1;32m\]\u@\h:\[\033[1;34m\]\w\[\033[1;m\]" " \\\$ "'

¹⁾

Les lignes qui commencent par #

kringle.mat.jpg - créée

alexis@undisclosed.example.com (alexis) — Sun, 29 Dec 2024 02:01:39 +0000

globe.knot.jpg - créée

alexis@undisclosed.example.com (alexis) — Sun, 29 Dec 2024 01:58:23 +0000

turks.head.jpg - créée

alexis@undisclosed.example.com (alexis) — Sun, 29 Dec 2024 01:55:42 +0000

monkeys.fist.jpg - créée

alexis@undisclosed.example.com (alexis) — Sun, 29 Dec 2024 01:51:45 +0000

thump.mat.jpg - créée

alexis@undisclosed.example.com (alexis) — Sun, 29 Dec 2024 01:46:56 +0000

figure-eight.png - créée

alexis@undisclosed.example.com (alexis) — Sat, 28 Dec 2024 22:53:29 +0000

bowline.jpg - créée

alexis@undisclosed.example.com (alexis) — Sat, 28 Dec 2024 22:53:29 +0000

km.effort.8.jpg - créée

alexis@undisclosed.example.com (alexis) — Mon, 02 Dec 2024 16:42:53 +0000

km.effort.9.jpg - créée

alexis@undisclosed.example.com (alexis) — Mon, 02 Dec 2024 16:42:53 +0000

km.effort.6.jpg - créée

alexis@undisclosed.example.com (alexis) — Mon, 02 Dec 2024 16:42:53 +0000

km.effort.5.jpg - créée