Schrek.fr

Mon super blog :)

  1. home
  2. posts
  3. 2023
  4. 08
  5. hugo-et-les-liens

Hugo et les liens

Cet article fait partie de la série: Hugo


Liens externes

En markdown c’est facile, mais ça ne gère pas “ouvrir dans un nouveau onglet”:

[wikipedia](https://fr.wikipedia.org/)
Wikipedia

On pourrait aussi utiliser le shortcode rawhtml.

{{< rawhtml >}}
<a href="https://fr.wikipedia.org/" target="_blank">Wikipedia</a>
{{< /rawhtml >}}
target="_blank" –> nouvelle onglet

Wikipedia

Liens internes

Organisation du site:

├── 2023
│   ├── 02
│   │   ├── Diceware
│   │   │   ├── diceware.png-369a6.webp
│   │   │   ├── index.md
│   │   │   └── one-red-dice-01-a9bf3.webp
│   │   ├── Ebook-avec-Latex
│   │   │   ├── epub.wepb
│   │   │   ├── files
│   │   │   │   ├── intro.epub
│   │   │   │   ├── latex2.txt
│   │   │   │   ├── latex_pirates.zip
│   │   │   │   └── latex.txt
│   │   │   ├── index.md
│   │   │   ├── intro.epub
│   │   │   ├── latex2.txt
│   │   │   ├── latex_pirates.zip
│   │   │   ├── latex.txt
│   │   │   └── organisation_livre-cc1fc.webp
│   │   ├── _index.html

  • Pour rediriger vers un article.
    [Latex-les liens]({{< ref "Latex_Liens" >}}  "Latex")
    Latex-les liens

    Dans la derniere partie du code, “Latex” sert au survol du lien.

Lien vers une autre section

J’ai une section wiki, pour lier un lien, il faut spécifier que c’est dans un autre dossier.

[Mes shortcodes]({{< ref "/wiki/Mes_Shortcodes.md" >}}  "Shortcode")

Mes shortcodes

  • Page A propos.

[A propos]({{< ref "/pages/apropos.md" >}}  "A propos")
A propos

Les ancres

Avec Hugo les chapitres deviennent des ancres.

Quand on regarde le code source de la page le 1er chapitre devient:

<h2 id="liens-externes">Liens externes</h2>

Attention: Plus de majuscules et les espaces deviennent des -.

[liens externe]({{< ref "#liens-externes" >}})
Liens externe

  • Pour lier une ancre d’une autre page.
[Mermaid exemple]({{< ref "Hugo_shortcode_mermaid.md#exemples" >}}  "Mermaid exemple")

Mermaid exemple

Personalisation d’une ancre

On peut personaliser le nom en ajoutant {ancre} a coté du chapitre.

## Instances qui marchent {id="drawio"} 

Drawnio

J’ai trouvé plus facile de recuperer les ancres via le code source de la page généré.

Lien

https://gohugo.io/content-management/cross-references/

comments powered by Disqus