forked from deepStateMirrors/tabi
💥 feat!: add tag filtering for projects (#431)
- Card (project) images no longer require manual top/bottom margin adjustments for proper spacing. Action needed: Review existing card images as previous manual margin adjustments may now be unnecessary/excessive. - Sites using `cards.html` with tags will now load JavaScript by default when tags are present. To maintain no-JS behaviour, explicitly set `enable_cards_tag_filtering = false` in either `config.toml` or the `_index.md` file where `cards.html` is used.
This commit is contained in:
parent
f93def0692
commit
a7833299ff
46 changed files with 421 additions and 40 deletions
|
@ -1,7 +1,7 @@
|
|||
+++
|
||||
title = "Domina la configuració de tabi: guia completa"
|
||||
date = 2023-09-18
|
||||
updated = 2024-11-14
|
||||
updated = 2024-11-16
|
||||
description = "Descobreix les múltiples maneres en què pots personalitzar tabi."
|
||||
|
||||
[taxonomies]
|
||||
|
@ -391,6 +391,33 @@ Quan un usuari faci clic a la imatge o al títol d'un projecte, serà portat a l
|
|||
|
||||
La pàgina del projecte individual es renderitza amb la plantilla predeterminada, tret que estableixis una altra, per exemple, `template = "info-page.html"`.
|
||||
|
||||
#### Filtrar projectes
|
||||
|
||||
Si afegeixes etiquetes als teus projectes, veuràs un filtre d'etiquetes:
|
||||
|
||||
{{ dual_theme_image(light_src="blog/mastering-tabi-settings/img/projects_tag_filter_light.webp", dark_src="blog/mastering-tabi-settings/img/projects_tag_filter_dark.webp", alt="Pàgina de projectes amb filtre d'etiquetes", full_width=true) }}
|
||||
|
||||
El sistema de filtratge d'etiquetes utilitza millora progressiva:
|
||||
|
||||
- Sense JavaScript: Les etiquetes enllacen directament a pàgines d'etiquetes dedicades (per exemple, `/tags/nom-de-l-etiqueta`).
|
||||
- Amb JavaScript: Filtratge instantani, sincronització d'URL (#nom-etiqueta) i navegació amb el teclat.
|
||||
|
||||
Per desactivar aquesta funció, estableix `enable_cards_tag_filtering = false` a la secció `[extra]` del fitxer `projects/_index.md` o a `config.toml`.
|
||||
|
||||
{% admonition(type="tip") %}
|
||||
|
||||
Per filtrar projectes per etiquetes, necessites establir etiquetes a la front matter de cada projecte. Per exemple:
|
||||
|
||||
```toml
|
||||
title = "nom del projecte"
|
||||
weight = 40
|
||||
|
||||
[taxonomies]
|
||||
tags = ["etiqueta", "etiqueta 2", "tercera etiqueta"]
|
||||
```
|
||||
|
||||
{% end %}
|
||||
|
||||
### Arxiu
|
||||
|
||||
Afegir una pàgina d'arxiu és similar a afegir una pàgina de projectes. Pots crear un directori a `content/archive/`. Allà, pots crear un fitxer `_index.md` amb el següent encapçalament:
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue