feat: add indicator to external links (#443)

This commit is contained in:
Óscar 2025-02-15 09:34:54 +01:00 committed by GitHub
parent 036b11b7da
commit a5ab6259c6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 103 additions and 6 deletions

View file

@ -1,7 +1,7 @@
+++
title = "Domina la configuració de tabi: guia completa"
date = 2023-09-18
updated = 2025-02-09
updated = 2025-02-15
description = "Descobreix les múltiples maneres en què pots personalitzar tabi."
[taxonomies]
@ -237,6 +237,25 @@ Fes clic a la imatge a continuació per comparar les fonts:
{{ image_toggler(default_src="blog/mastering-tabi-settings/img/serif.webp", toggled_src="blog/mastering-tabi-settings/img/sans-serif.webp", default_alt="Font serif", toggled_alt="Font sans-serif", full_width=true) }}
### Indicador d'enllaços externs
| Pàgina | Secció | `config.toml` | Segueix Jerarquia | Requereix JavaScript |
|:------:|:------:|:-------------:|:-----------------:|:-------------------:|
| ❌ | ❌ | ✅ | ❌ | ❌ |
{{ admonition(type="info", text="Requereix Zola 0.20.0 o posterior.") }}
Si vols afegir una icona als enllaços externs, configura la secció `[markdown]` (no `[extra]`) al teu `config.toml`:
```toml
[markdown]
external_links_class = "external"
```
Això afegirà una petita icona al costat dels enllaços externs:
{{ dual_theme_image(light_src="blog/mastering-tabi-settings/img/external_link_light.webp", dark_src="blog/mastering-tabi-settings/img/external_link_dark.webp", alt="Icona d'enllaç extern", full_width=true) }}
### Estils CSS personalitzats
| Pàgina | Secció | `config.toml` | Segueix la jerarquia | Requereix JavaScript |