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ón de tabi: guía completa"
date = 2023-09-18
updated = 2025-02-09
updated = 2025-02-15
description = "Descubre las múltiples maneras en que puedes personalizar tabi."
[taxonomies]
@ -238,6 +238,25 @@ Haz clic en la imagen para comparar las fuentes:
{{ image_toggler(default_src="blog/mastering-tabi-settings/img/serif.webp", toggled_src="blog/mastering-tabi-settings/img/sans-serif.webp", default_alt="Fuente serif", toggled_alt="Fuente sans-serif", full_width=true) }}
### Indicador de enlaces externos
| Página | Sección | `config.toml` | Sigue Jerarquía | Requiere JavaScript |
|:------:|:-------:|:-------------:|:----------------:|:------------------:|
| ❌ | ❌ | ✅ | ❌ | ❌ |
{{ admonition(type="info", text="Requiere Zola 0.20.0 o posterior.") }}
Si deseas añadir un icono a los enlaces externos, configura la sección `[markdown]` (no `[extra]`) en tu `config.toml`:
```toml
[markdown]
external_links_class = "external"
```
Esto añadirá un pequeño icono junto a los enlaces externos:
{{ 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="Icono de enlace externo", full_width=true) }}
### Estilos CSS personalizados
| Página | Sección | `config.toml` | Sigue la jerarquía | Requiere JavaScript |