add copyable anchor links on headings #8

Merged
thermo merged 1 commit from feat/anchor-links into main 2026-10-28 09:53:52 +00:00
Collaborator

Ajoute un lien 🔗 après chaque titre (##, ###) des articles :

  • caché par défaut, il apparaît au survol du titre (ou au focus clavier) ; sur écran tactile il reste visible, en plus pâle ;
  • au clic, il copie l’URL complète du chapitre et met l’ancre dans la barre d’adresse, avec un ✓ furtif. Sans presse-papiers (http hors localhost), il se comporte comme un lien # ordinaire ;
  • scroll-padding-top sur html : la cible d’une ancre (chapitre, note de bas de page) ne se retrouve plus cachée sous le header sticky.

Mise en place : insert_anchor_links = "right" dans content/blog/_index*.md, template templates/anchor-link.html, libellé traduit dans config.toml, CSS et quelques lignes dans static/js/terminal.js. Le README explique les ancres et les liens internes @/…#chapitre.

À vérifier sur la preview : la copie du lien, et que 90 px de marge laissent bien le titre visible sous le header (desktop et mobile).

Ajoute un lien 🔗 après chaque titre (`##`, `###`) des articles : - caché par défaut, il apparaît au survol du titre (ou au focus clavier) ; sur écran tactile il reste visible, en plus pâle ; - au clic, il copie l’URL complète du chapitre et met l’ancre dans la barre d’adresse, avec un ✓ furtif. Sans presse-papiers (http hors localhost), il se comporte comme un lien `#` ordinaire ; - `scroll-padding-top` sur `html` : la cible d’une ancre (chapitre, note de bas de page) ne se retrouve plus cachée sous le header sticky. Mise en place : `insert_anchor_links = "right"` dans `content/blog/_index*.md`, template `templates/anchor-link.html`, libellé traduit dans `config.toml`, CSS et quelques lignes dans `static/js/terminal.js`. Le README explique les ancres et les liens internes `@/…#chapitre`. À vérifier sur la preview : la copie du lien, et que 90 px de marge laissent bien le titre visible sous le header (desktop et mobile).
add copyable anchor links on headings
All checks were successful
Preview blog (PR) / comment (pull_request) Successful in 4s
Preview blog (PR) / build (pull_request) Successful in 25s
833bf45f39

Prévisualisation (brouillons inclus) : https://pr-8.preview.yagni.fr/

Mise à jour quelques minutes après chaque push, supprimée à la fermeture de la PR.

<!-- blog-preview --> Prévisualisation (brouillons inclus) : https://pr-8.preview.yagni.fr/ Mise à jour quelques minutes après chaque push, supprimée à la fermeture de la PR.
thermo merged commit 3299cab576 into main 2026-10-28 09:53:52 +00:00
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Yagni/blog!8
No description provided.