feat: extend tabi <head> and <body> elements (#528)

Co-authored-by: welpo <welpo@users.noreply.github.com>
This commit is contained in:
Cameron Taylor 2025-06-01 08:12:41 -07:00 committed by GitHub
parent 5c1e4acbb1
commit 979f347fb0
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 53 additions and 3 deletions

View file

@ -1,7 +1,7 @@
+++
title = "Domina la configuración de tabi: guía completa"
date = 2023-09-18
updated = 2025-04-05
updated = 2025-06-01
description = "Descubre las múltiples maneras en que puedes personalizar tabi."
[taxonomies]
@ -1028,6 +1028,21 @@ Todas las demás [propiedades de h-card](https://microformats.org/wiki/h-card#Pr
---
## Extendiendo elementos HTML en tabi
Algunos elementos HTML en tabi pueden extenderse para admitir casos de uso adicionales, como agregar JavaScript personalizado para comportamientos en todo el sitio al final de la etiqueta `<body>` o incluir contenido adicional al final del elemento `<head>` que no esté soportado por otras configuraciones de tabi.
Consulta la tabla a continuación para ver los elementos que pueden extenderse:
| Elemento | Plantilla |
| :------: | :-------------------------------: |
| `<head>` | `templates/tabi/extend_head.html` |
| `<body>` | `templates/tabi/extend_body.html` |
No hay configuraciones explícitas que debas establecer para tu sitio o páginas. Simplemente crea el archivo de plantilla correspondiente para tu sitio, y tabi lo incluirá automáticamente.
---
[^1]: Si estás utilizando un repositorio Git remoto, es posible que quieras automatizar el proceso de actualización del campo `updated`. Aquí tienes una guía para eso: [Zola Git Hook: actualizando las fechas de las publicaciones](https://osc.garden/es/blog/zola-date-git-hook/).
[^2]: Para codificar tu correo electrónico en base64 puedes utilizar [herramientas en línea](https://www.base64encode.org/) o, en tu terminal, ejecutar: `printf 'mail@example.com' | base64`