deepStateMirrors/tabi
1
0
Fork 1
mirror of https://github.com/welpo/tabi.git synced 2025-11-05 10:30:24 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 2
tabi/ca/blog/mastering-tabi-settings/index.html
GitHub Actions 9c032744d3 Deploy welpo/tabi to welpo/tabi:gh-pages
2025-11-04 13:26:57 +00:00

140 lines
No EOL
194 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html><html lang=ca><head><meta charset=UTF-8><meta content="default-src 'self';font-src 'self' data:;img-src 'self' https://* data:;media-src 'self' https://cdn.jsdelivr.net/;style-src 'self';frame-src player.vimeo.com https://www.youtube-nocookie.com;connect-src 'self' https://tabi-stats.osc.garden vhiweeypifbwacashxjz.supabase.co;script-src 'self' https://tabi-stats.osc.garden cdn.jsdelivr.net 'self'" http-equiv=Content-Security-Policy><meta content="width=device-width,initial-scale=1.0" name=viewport><meta content=https://welpo.github.io/tabi name=base><title>
~/tabi • Domina la configuració de tabi: guia completa</title><link href=https://welpo.github.io/tabi/img/seedling.png rel=icon type=image/png><link href='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><text y="50%" x="50%" dominant-baseline="central" text-anchor="middle" font-size="88">🌱</text></svg>' rel=icon><link title="~/tabi - Atom Feed" href=https://welpo.github.io/tabi/atom.xml rel=alternate type=application/atom+xml><link href="https://welpo.github.io/tabi/custom_subset.css?h=0b9535a28bc3d5bf2321" rel=stylesheet><link href="https://welpo.github.io/tabi/main.css?h=3716ab3457d2dd050b3c" rel=stylesheet><meta content="light dark" name=color-scheme><meta content=#087e96 name=theme-color><meta content="Descobreix les múltiples maneres en què pots personalitzar tabi." name=description><meta content="Descobreix les múltiples maneres en què pots personalitzar tabi." property=og:description><meta content="Domina la configuració de tabi: guia completa" property=og:title><meta content=article property=og:type><meta content="https://welpo.github.io/tabi/blog/mastering-tabi-settings/social_cards/ca_blog_mastering_tabi_settings.jpg?h=215b93c667bf5004920c" property=og:image><meta content=1400 property=og:image:width><meta content=800 property=og:image:height><meta content="https://welpo.github.io/tabi/blog/mastering-tabi-settings/social_cards/ca_blog_mastering_tabi_settings.jpg?h=215b93c667bf5004920c" name=twitter:image><meta content=summary_large_image name=twitter:card><meta content=es_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/es/blog/mastering-tabi-settings/ hreflang=es rel=alternate><meta content=en_GB property=og:locale:alternate><link href=https://welpo.github.io/tabi/blog/mastering-tabi-settings/ hreflang=en rel=alternate><meta content=ca_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/ hreflang=ca rel=alternate><meta content=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/ property=og:url><meta content=~/tabi property=og:site_name><noscript><link href=https://welpo.github.io/tabi/no_js.css rel=stylesheet></noscript><script src=https://welpo.github.io/tabi/js/initializeTheme.min.js></script><script defer src=https://welpo.github.io/tabi/js/themeSwitcher.min.js></script><script async data-goatcounter=https://tabi-stats.osc.garden/count src=https://tabi-stats.osc.garden/count.js></script><body><a href=#main-content id=skip-link>Saltar al contingut</a><header><nav class=navbar><div class=nav-title><a class=home-title href=https://welpo.github.io/tabi/ca/>~/tabi</a></div><div class=nav-navs><ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/blog/>blog </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/archive/>arxiu </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/tags/>etiquetes </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/projects/>projectes </a><li class=menu-icons-container><ul class=menu-icons-group><li class=language-switcher><details class=dropdown><summary aria-label="Selecció d'idioma" title="Selecció d'idioma" aria-haspopup=true role=button><div class=language-switcher-icon></div></summary> <div class=dropdown-content role=menu>Català<a aria-label=العربية href=https://welpo.github.io/tabi/ar/blog/mastering-tabi-settings/ lang=ar role=menuitem>العربية</a><a aria-label=English href=https://welpo.github.io/tabi/blog/mastering-tabi-settings/ lang=en role=menuitem>English</a><a aria-label=Español href=https://welpo.github.io/tabi/es/blog/mastering-tabi-settings/ lang=es role=menuitem>Español</a></div></details><li class="theme-switcher-wrapper js"><div aria-label="Canvia el mode obscur" title="Canvia el mode obscur/clar" aria-pressed=false class=theme-switcher role=button tabindex=0></div><div aria-label="Restableix el mode al valor predeterminat" class="theme-resetter arrow" title="Restableix el mode al valor predeterminat" aria-hidden=true role=button tabindex=0></div></ul></ul></div></nav></header><div class=content id=main-content><main><article class=h-entry><h1 class="p-name article-title">Domina la configuració de tabi: guia completa</h1><a class="u-url u-uid" href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/></a><ul class=meta><li><time class=dt-published datetime=2023-09-18>18 de set. 2023</time><li title="6322 paraules"><span aria-hidden=true class=separator>•</span>32 mins de lectura<li class=tag><span aria-hidden=true class=separator>•</span>Etiquetes: <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ca/tags/funcionalitat/>funcionalitat</a>, <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ca/tags/tutorial/>tutorial</a>, <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ca/tags/preguntes-frequents/>preguntes freqüents</a></ul><ul class="meta last-updated"><li><time class=dt-updated datetime=2025-08-07>Actualitzat el 7 d’ag. 2025</time><li><span aria-hidden=true class=separator>•</span><a class=external href=https://github.com/welpo/tabi/commits/main/content/blog/mastering-tabi-settings/index.ca.md>Veure canvis</a></ul><p class=p-summary hidden>Descobreix les múltiples maneres en què pots personalitzar tabi.<section class="e-content body"><p>Aquesta és la guia completa sobre la configuració a tabi. Si tens alguna pregunta, pots <a class=external href=https://github.com/welpo/tabi/issues/new>obrir un issue a GitHub</a> o <a class=external href=https://github.com/welpo/tabi/discussions>iniciar una discussió</a>.<details><summary><b>Taula de continguts</b></summary> <div class=toc-container><ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>Jerarquia de configuració</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#cerca>Cerca</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#consideracions-per-a-usuaris-de-zola-0-17-x>Consideracions per a usuaris de Zola 0.17.X</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#detalls-d-implementacio>Detalls d’implementació</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-multilingue>Suport multilingüe</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#aparenca>Aparença</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagina-principal>Pàgina principal</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#capcalera>Capçalera</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#llistant-publicacions-recents>Llistant publicacions recents</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#llistat-de-projectes>Llistat de Projectes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#commutador-de-mode-clar-i-fosc>Commutador de mode clar i fosc</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mode-predeterminat-clar-fosc>Mode predeterminat (clar/fosc)</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#skin-personalitzada>Skin personalitzada</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#font-sans-serif-pal-sec>Font sans serif (pal sec)</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indicador-d-enllacos-externs>Indicador d’enllaços externs</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#estils-css-personalitzats>Estils CSS personalitzats</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#color-del-tema-del-navegador>Color del tema del navegador</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#etiquetes-compactes>Etiquetes compactes</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#ordre-de-les-etiquetes>Ordre de les etiquetes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#series>Sèries</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllac-per-saltar-a-les-publicacions>Enllaç per saltar a les publicacions</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indexacio-de-pagines-de-series>Indexació de pàgines de sèries</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#integracio-amb-repositoris-git>Integració amb repositoris Git</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagines>Pàgines</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#projectes>Projectes</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#filtrar-projectes>Filtrar projectes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#arxiu>Arxiu</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#etiquetes>Etiquetes</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagina-sobre>Pàgina sobre</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#seo>SEO</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#favicon>Favicon</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#favicon-d-emoji>Favicon d’emoji</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#url-canonica>URL canònica</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#targetes-per-a-xarxes-socials>Targetes per a xarxes socials</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#creador-del-fedivers>Creador del fedivers</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#navegacio>Navegació</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#barra-de-navegacio>Barra de navegació</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#botons-de-navegacio-rapida>Botons de navegació ràpida</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#taula-de-continguts>Taula de continguts</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllacos-als-articles-anterior-i-seguent>Enllaços als articles anterior i següent</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllacos-de-retorn-a-les-notes-a-peu-de-pagina>Enllaços de retorn a les notes a peu de pàgina</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#usabilitat>Usabilitat</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#boto-de-copiar-en-blocs-de-codi>Botó de copiar en blocs de codi</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#nom-del-bloc-de-codi-clicable>Nom del bloc de codi clicable</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#forcar-blocs-de-codi-d-esquerra-a-dreta>Forçar blocs de codi d’esquerra a dreta</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-per-a-katex>Suport per a KaTeX</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-per-a-mermaid>Suport per a Mermaid</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#subconjunt-de-tipus-de-lletra-personalitzat>Subconjunt de tipus de lletra personalitzat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#contingut-complet-al-feed>Contingut complet al feed</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#amagar-contingut-del-feed>Amagar contingut del feed</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#afegir-comentaris>Comentaris</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#iine>Botons d’iine</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#analisi-web>Anàlisi web</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icones-al-peu-de-pagina>Icones al peu de pàgina</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icones-de-xarxes-socials>Icones de xarxes socials</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icona-de-feed>Icona de feed</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#menu-de-peu-de-pagina>Menú de peu de pàgina</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#copyright>Copyright</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#metadades>Metadades</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mostrar-autoria>Mostrar autoria</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#temps-de-lectura>Temps de lectura</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mostrar-la-data>Mostrar la data</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#format-de-data>Format de data</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#formats-de-data-per-idioma>Formats de data per idioma</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#separador-personalitzat>Separador personalitzat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#ordre-del-titol>Ordre del títol</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#seguretat>Seguretat</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#correu-electronic-codificat>Correu electrònic codificat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#csp-content-security-policy>CSP (Content Security Policy)</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indieweb>Indieweb</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#webmentions>Webmentions</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#h-card-representativa>h-card representativa</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#estenent-elements-html-a-tabi>Estenent elements HTML a tabi</a></ul></div></details><h2 id=jerarquia-de-configuracio><a aria-label="Anchor link for: jerarquia-de-configuracio" class="header-anchor no-hover-padding" href=#jerarquia-de-configuracio><span aria-hidden=true class=link-icon></span></a> Jerarquia de configuració</h2><p>tabi té una jerarquia que permet personalitzar el teu lloc a diferents nivells. La jerarquia (de menor a major prioritat) és la següent:<ol><li><strong>Configuracions globals</strong>: Aquestes són les configuracions que s’apliquen a tot el teu lloc. Es configuren a <code>config.toml</code>.<li><strong>Configuracions de secció</strong>: Aquestes són les configuracions que s’apliquen a una secció del teu lloc (per exemple, <code>/blog</code> o <code>/projects</code>). Es configuren a la metainformació de l’arxiu <code>_index.md</code> de la secció.<li><strong>Configuració de la pàgina «pare»</strong>: Per a pàgines anidades (pàgines dins de pàgines), aquestes són les configuracions de la pàgina que les conté.<li><strong>Configuracions de pàgina</strong>: Aquestes són les configuracions que s’apliquen a una sola pàgina. Es configuren a la metainformació de la pàgina.</ol><p>En tots els casos, les opcions de tabi es configuren a la secció <code>[extra]</code>.<p>Per a les configuracions que segueixen aquesta jerarquia, el valor establert a una pàgina reemplaça el valor d’una secció, que al seu torn reemplaça el valor global. En resum: com més específica sigui la configuració, més prioritat tindrà, o <code>pàgina > pàgina pare/secció > config.toml</code>.<hr><h2 id=cerca><a aria-label="Anchor link for: cerca" class="header-anchor no-hover-padding" href=#cerca><span aria-hidden=true class=link-icon></span></a> Cerca</h2><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅</table><p>tabi permet cerca local accessible i multilingüe amb <a class=external href=http://elasticlunr.com/>Elasticlunr</a>. Per activar-la, necessites:<ol><li>Establir un <code>default_language</code> a <code>config.toml</code>.<li>Establir <code>build_search_index = true</code>.<li>Opcionalment, configurar la secció <code>[search]</code>.</ol><p>Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">base_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://example.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">default_language</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>en<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">build_search_index</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">search</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">index_format</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>elasticlunr_json<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> O el menys eficient "elasticlunr_javascript".</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">include_content</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span></code></pre><p><strong>Nota</strong>: per suport de cerca en Xinès/Japonès, necessites utilitzar una <a class=external href=https://github.com/getzola/zola/blob/master/Cargo.toml#L54-L55>build personalitzada de Zola</a>. Addicionalment, actualment no hi ha suport per a la cerca en català.<h3 id=consideracions-per-a-usuaris-de-zola-0-17-x><a aria-label="Anchor link for: consideracions-per-a-usuaris-de-zola-0-17-x" class="header-anchor no-hover-padding" href=#consideracions-per-a-usuaris-de-zola-0-17-x><span aria-hidden=true class=link-icon></span></a> Consideracions per a usuaris de Zola 0.17.X</h3><p>Zola 0.17.X no proporciona accés a la variable <code>search.index_format</code> (<a class=external href=https://github.com/getzola/zola/issues/2165>informe del bug</a>). En utilitzar tabi, s’assumeix l’ús de l’índex JSON, que és més eficient. No obstant això, a causa d’<a class=external href=https://github.com/getzola/zola/issues/2193>un altre bug</a> solucionat en 0.18.0, l’índex JSON per a llocs multilingües no es genera correctament.<p>Els usuaris amb versions de Zola anteriors a 0.18.0 que vulguin utilitzar l’índex JavaScript necessiten establir la variable <code>index_format</code> a dos llocs:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">search</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">index_format</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>elasticlunr_javascript<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">index_format</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>elasticlunr_javascript<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>Això assegura que tabi carregui els arxius correctes. Recomanem actualitzar a Zola 0.18.0 o posterior per a una funcionalitat òptima.<h3 id=detalls-d-implementacio><a aria-label="Anchor link for: detalls-d-implementacio" class="header-anchor no-hover-padding" href=#detalls-d-implementacio><span aria-hidden=true class=link-icon></span></a> Detalls d’implementació</h3><p>Per a detalls tècnics sobre la implementació de la cerca, incloent quan es carrega l’índex, característiques d’accessibilitat i altres detalls, consulta el <a class=external href=https://github.com/welpo/tabi/pull/250>Pull Request #250</a>.<hr><h2 id=suport-multilingue><a aria-label="Anchor link for: suport-multilingue" class="header-anchor no-hover-padding" href=#suport-multilingue><span aria-hidden=true class=link-icon></span></a> Suport multilingüe</h2><p>tabi ofereix suport multilingüe complet per al teu lloc Zola, des de configurar un idioma predeterminat fins a afegir tots els que vulguis. Consulta les <a href=https://welpo.github.io/tabi/ca/blog/faq-languages/>preguntes freqüents sobre idiomes</a> per a més informació.<hr><h2 id=aparenca><a aria-label="Anchor link for: aparenca" class="header-anchor no-hover-padding" href=#aparenca><span aria-hidden=true class=link-icon></span></a> Aparença</h2><h3 id=pagina-principal><a aria-label="Anchor link for: pagina-principal" class="header-anchor no-hover-padding" href=#pagina-principal><span aria-hidden=true class=link-icon></span></a> Pàgina principal</h3><p>La <a href=/>pàgina principal</a> d’aquesta demo té una capçalera amb una imatge, un títol i una descripció:</p><img alt="Capçalera de la pàgina principal" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/header_light.webp?h=fd4a8c167eabd93f4a61" class=img-light loading=lazy><img alt="Capçalera de la pàgina principal" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/header_dark.webp?h=f8b65eedf799bdfbe437" class=img-dark loading=lazy><h4 id=capcalera><a aria-label="Anchor link for: capcalera" class="header-anchor no-hover-padding" href=#capcalera><span aria-hidden=true class=link-icon></span></a> Capçalera</h4><p>Per configurar la imatge i el títol, pots utilitzar la variable <code>header</code> al front matter de l’arxiu <code>_index.md</code> de la secció. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">header</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Hola! Soc tabi~<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>img/main.webp<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img_alt</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Óscar Fernández, l'autor del tema<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span>
</span></code></pre><p>La descripció és contingut Markdown normal, escrit fora del front matter.<h4 id=llistant-publicacions-recents><a aria-label="Anchor link for: llistant-publicacions-recents" class="header-anchor no-hover-padding" href=#llistant-publicacions-recents><span aria-hidden=true class=link-icon></span></a> Llistant publicacions recents</h4><p>Per mostrar publicacions a la pàgina principal, primer has de decidir d’on es serviran: de la ruta arrel (<code>/</code>) o d’un subdirectori (per exemple, <code>/blog</code>).<p><strong>Opció A: Servir publicacions des de la ruta arrel (<code>/</code>)</strong><p>Configura <code>paginate_by</code> al front matter del teu arxiu <code>content/_index.md</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Últimes publicacions<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>date<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">paginate_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">5</span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Mostra 5 publicacions per pàgina.</span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">header</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Hola! Soc tabi~<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>img/main.webp<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img_alt</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>El teu nom<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span>
</span></code></pre><div class="admonition note"><div class="admonition-icon admonition-icon-note"></div><div class=admonition-content><strong class=admonition-title>NOTE</strong><p>La configuració <code>paginate_by</code> va al front matter principal, no a la secció <code>[extra]</code>.</div></div><p><strong>Opció B: Servir publicacions des d’un subdirectori (per exemple, <code>/blog</code>)</strong><p>Utilitza <code>section_path</code> a la secció <code>[extra]</code> del teu arxiu <code>content/_index.md</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Últimes publicacions<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>date<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> No configuris `paginate_by` aquí.</span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">header</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Hola! Soc tabi~<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>img/main.webp<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">img_alt</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>El teu nom<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">section_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>blog/_index.md<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> On trobar les teves publicacions.</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">max_posts</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">5</span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Mostra fins a 5 publicacions a la pàgina principal.</span>
</span></code></pre><div class="admonition warning"><div class="admonition-icon admonition-icon-warning"></div><div class=admonition-content><strong class=admonition-title>ALERTA</strong><p>No configuris <code>paginate_by</code> i <code>section_path</code> alhora. Aquestes configuracions són mútuament excloents i usar ambdues pot fer que no es mostrin publicacions.</div></div><p>Notes addicionals:<ul><li>El <code>title</code> al front matter estableix el títol que apareix sobre les publicacions.<li>Utilitza la ruta completa a l’arxiu <code>_index.md</code> de la secció per a <code>section_path</code>. Usar <code>section_path = "blog/"</code> no funcionarà.</ul><h5 id=fixar-entrades><a aria-label="Anchor link for: fixar-entrades" class="header-anchor no-hover-padding" href=#fixar-entrades><span aria-hidden=true class=link-icon></span></a> Fixar entrades</h5><p>Pots fixar entrades per mantenir-les a la part superior de la pàgina principal. En aquesta demo, aquesta entrada està fixada, així que apareix primera amb una icona i etiqueta de “fixada”:<div class=full-width><img alt="Entrada fixada" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/pinned_post_light.webp?h=6a9c0434f8e7b0b66d5f" class=img-light loading=lazy><img alt="Entrada fixada" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/pinned_post_dark.webp?h=0fe472212c3888878db7" class=img-dark loading=lazy></div><p>Les entrades fixades es mostren primer, mantenint el seu ordre relatiu segons el <code>sort_by</code> de la secció, seguides per les entrades regulars.<p>Per fixar una entrada, afegeix el següent al seu front matter:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">pinned</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span></code></pre><div class="admonition info"><div class="admonition-icon admonition-icon-info"></div><div class=admonition-content><strong class=admonition-title>INFO</strong><p>Aquesta configuració només afecta les pàgines principals del lloc (com <code>/</code>, <code>/es/</code>, <code>/fr/</code>). Altres seccions com <code>blog/</code>, <code>tags/</code> o <code>archive/</code> mostren les publicacions en el seu ordre habitual.</div></div><p>{{ admonition(type=“warning”, text=‘Quan s’utilitza la paginació (<code>paginate_by</code>), les entrades fixades poden aparèixer dues vegades: una vegada a la part superior de la primera pàgina, i una altra en la seva posició cronològica normal en pàgines posteriors.’) }}<h5 id=mostrar-la-data-dels-articles-al-llistat><a aria-label="Anchor link for: mostrar-la-data-dels-articles-al-llistat" class="header-anchor no-hover-padding" href=#mostrar-la-data-dels-articles-al-llistat><span aria-hidden=true class=link-icon></span></a> Mostrar la data dels articles al llistat</h5><p>Per defecte, quan es llisten els articles, es mostra la data de creació. Pots configurar quina(es) data(es) mostrar utilitzant l’opció <code>post_listing_date</code>. Configuracions disponibles:<ul><li><code>date</code>: Mostra només la data de publicació original de l’article (opció per defecte).<li><code>updated</code>: Mostra només la data de l’última actualització de l’article. Si no hi ha data d’actualització, es mostra la data de publicació original.<li><code>both</code>: Mostra tant la data de publicació original com la data de l’última actualització.</ul><div class="admonition tip"><div class="admonition-icon admonition-icon-tip"></div><div class=admonition-content><strong class=admonition-title>TIP</strong><p>Aquesta configuració segueix la jerarquia: pots establir un valor global a <code>config.toml</code> o canviar-lo per a seccions específiques al seu arxiu <code>_index.md</code>. En ambdós casos, afegeix-lo a la secció <code>[extra]</code>.</div></div><h4 id=llistat-de-projectes><a aria-label="Anchor link for: llistat-de-projectes" class="header-anchor no-hover-padding" href=#llistat-de-projectes><span aria-hidden=true class=link-icon></span></a> Llistat de Projectes</h4><p>Pots mostrar una selecció de projectes a la teva pàgina principal. Per fer això, primer necessitaràs configurar el directori <code>projects</code>.<p>Un cop fet això, configura la ruta als projectes a la secció <code>[extra]</code> del teu fitxer <code>_index.md</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">projects_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>projects/_index.md<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>Això mostrarà els 3 projectes de major prioritat (amb menor pes; el mateix ordre que a Projectes). Per mostrar més o menys projectes, configura <code>max_projects</code> a <code>[extra]</code>.<p>Per defecte, la secció de projectes es mostrarà a la part inferior de la pàgina principal, sota les publicacions. Si prefereixes mostrar-la a la part superior, configura <code>show_projects_first = true</code>.<h3 id=commutador-de-mode-clar-i-fosc><a aria-label="Anchor link for: commutador-de-mode-clar-i-fosc" class="header-anchor no-hover-padding" href=#commutador-de-mode-clar-i-fosc><span aria-hidden=true class=link-icon></span></a> Commutador de mode clar i fosc</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅</table><p>El commutador de mode clar i fosc (la icona de lluna/sol a la cantonada superior dreta) es pot habilitar configurant <code>theme_switcher = true</code> a <code>config.toml</code>.<h3 id=mode-predeterminat-clar-fosc><a aria-label="Anchor link for: mode-predeterminat-clar-fosc" class="header-anchor no-hover-padding" href=#mode-predeterminat-clar-fosc><span aria-hidden=true class=link-icon></span></a> Mode predeterminat (clar/fosc)</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>El mode predeterminat es pot especificar amb la variable <code>default_theme</code>, que accepta <code>"dark"</code> o <code>"light"</code>. Si no s’especifica, el mode predeterminat és el mode del sistema.<h3 id=skin-personalitzada><a aria-label="Anchor link for: skin-personalitzada" class="header-anchor no-hover-padding" href=#skin-personalitzada><span aria-hidden=true class=link-icon></span></a> Skin personalitzada</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Les skins («pells») de tabi canvien el color principal del lloc web. Pots configurar la skin a <code>config.toml</code> amb <code>skin = "nom_de_la_skin</code>. Per exemple, <code>skin = "lavender"</code> es veu així (clica per canviar entre mode clar i fosc):<div class="image-toggler-container full-width"><input class=image-toggler-toggle id=toggle-img-94789 type=checkbox><label class=image-label for=toggle-img-94789><div class=image-default><img alt="pell lavender en mode clar" src="https://welpo.github.io/tabi/blog/customise-tabi/skins/lavender_light.webp?h=bc19bff6623d41e30062" loading=lazy></div> <div class=image-toggled><img alt="pell lavender en mode fosc" src="https://welpo.github.io/tabi/blog/customise-tabi/skins/lavender_dark.webp?h=b3551cd0429844a258f9" loading=lazy></div></label></div><p>Explora les skins disponibles i aprèn com crear la teva pròpia consultant <a href=https://welpo.github.io/tabi/ca/blog/customise-tabi/#skins>la documentació</a>.<h3 id=font-sans-serif-pal-sec><a aria-label="Anchor link for: font-sans-serif-pal-sec" class="header-anchor no-hover-padding" href=#font-sans-serif-pal-sec><span aria-hidden=true class=link-icon></span></a> Font sans serif (pal sec)</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>tabi utilitza una font serif per als paràgrafs dels articles (la que estàs veient ara). Pots canviar a una font sans-serif (la que veus als encapçalaments/menú) a tot el teu lloc configurant <code>override_serif_with_sans = true</code> a <code>config.toml</code>.<p>Fes clic a la imatge a continuació per comparar les fonts:<div class="image-toggler-container full-width"><input class=image-toggler-toggle id=toggle-img-64664 type=checkbox><label class=image-label for=toggle-img-64664><div class=image-default><img alt="Font serif" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/serif.webp?h=617377b8947f3e5b36a5" loading=lazy></div> <div class=image-toggled><img alt="Font sans-serif" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/sans-serif.webp?h=2681391a75bfd6310843" loading=lazy></div></label></div><h3 id=indicador-d-enllacos-externs><a aria-label="Anchor link for: indicador-d-enllacos-externs" class="header-anchor no-hover-padding" href=#indicador-d-enllacos-externs><span aria-hidden=true class=link-icon></span></a> Indicador d’enllaços externs</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix Jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><div class="admonition info"><div class="admonition-icon admonition-icon-info"></div><div class=admonition-content><strong class=admonition-title>INFO</strong><p>Requereix Zola 0.20.0 o posterior.</div></div><p>Si vols afegir una icona als enllaços externs, configura la secció <code>[markdown]</code> (no <code>[extra]</code>) al teu <code>config.toml</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">markdown</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">external_links_class</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>external<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>Això afegirà una petita icona al costat dels enllaços externs:<div class=full-width><img alt="Icona d'enllaç extern" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/external_link_light.webp?h=64dd0a1a6f4c5122865e" class=img-light loading=lazy><img alt="Icona d'enllaç extern" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/external_link_dark.webp?h=2a45251e8e76795b2ad6" class=img-dark loading=lazy></div><h3 id=estils-css-personalitzats><a aria-label="Anchor link for: estils-css-personalitzats" class="header-anchor no-hover-padding" href=#estils-css-personalitzats><span aria-hidden=true class=link-icon></span></a> Estils CSS personalitzats</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Pots carregar estils CSS personalitzats per a tot el lloc web o en pàgines específiques utilitzant <code>stylesheets</code>, que accepta una llista de rutes cap a arxius CSS. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">stylesheets</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>css/custom.css<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>css/another.css<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><h3 id=color-del-tema-del-navegador><a aria-label="Anchor link for: color-del-tema-del-navegador" class="header-anchor no-hover-padding" href=#color-del-tema-del-navegador><span aria-hidden=true class=link-icon></span></a> Color del tema del navegador</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>El color del tema del navegador és el color que apareix a la barra de pestanyes del navegador:</p><img alt="pestanyes amb un tema de navegador de color" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/browser_theme_color_light.webp?h=e38d77767e51f3fb6232" class=img-light loading=lazy><img alt="pestanyes amb un tema de navegador de color" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/browser_theme_color_dark.webp?h=d741cdd4ee3c4913284f" class=img-dark loading=lazy><p>Pots establir-ho a <code>config.toml</code> com a <code>browser_theme_color = "#087e96"</code>. Si vols diferents colors per als modes clar/obscur, pots establir un conjunt de colors amb <code>browser_theme_color = ["#ffffff", "#000000"]</code>. El primer color és per al mode clar, el segon per al fosc.<p>Aquesta variable accepta qualsevol color CSS vàlid, així que pots utilitzar paraules clau (per exemple, <code>blue</code>), codis hexadecimals (per exemple, <code>#087e96</code>) o valors RGB/HSL (per exemple, <code>rgb(8, 126, 150)</code>).<h3 id=etiquetes-compactes><a aria-label="Anchor link for: etiquetes-compactes" class="header-anchor no-hover-padding" href=#etiquetes-compactes><span aria-hidden=true class=link-icon></span></a> Etiquetes compactes</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per defecte, la <a href=/ca/tags>pàgina d’etiquetes</a> mostra les etiquetes com:<p><a href=#>NomEtiqueta</a> — n entrada[es]<p>Establir <code>compact_tags = true</code> les mostrarà com:<p><a href=#>NomEtiqueta</a> <sup>n</sup><h3 id=ordre-de-les-etiquetes><a aria-label="Anchor link for: ordre-de-les-etiquetes" class="header-anchor no-hover-padding" href=#ordre-de-les-etiquetes><span aria-hidden=true class=link-icon></span></a> Ordre de les etiquetes</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per defecte, la <a href=/ca/tags>pàgina d’etiquetes</a> ordena les etiquetes alfabèticament, donada la configuració predeterminada de <code>tag_sorting = "name"</code>. Si configures <code>tag_sorting = "frequency"</code>, s’ordenaran segons el nombre de publicacions (de més a menys).<hr><h2 id=series><a aria-label="Anchor link for: series" class="header-anchor no-hover-padding" href=#series><span aria-hidden=true class=link-icon></span></a> Sèries</h2><p>Per a una explicació detallada, consulta la <a href=https://welpo.github.io/tabi/ca/blog/series/>documentació de sèries</a>.<h3 id=enllac-per-saltar-a-les-publicacions><a aria-label="Anchor link for: enllac-per-saltar-a-les-publicacions" class="header-anchor no-hover-padding" href=#enllac-per-saltar-a-les-publicacions><span aria-hidden=true class=link-icon></span></a> Enllaç per saltar a les publicacions</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Per defecte, apareix automàticament un enllaç “Salta a les publicacions” al costat del títol de la sèrie quan una sèrie té un contingut de més de 2000 caràcters:<div class=full-width><img alt="enllaç per saltar a les publicacions de la sèrie" src="https://welpo.github.io/tabi/blog/series/img/jump_to_series_posts_light.webp?h=36a55aa8486a48dcad54" class=img-light loading=lazy><img alt="enllaç per saltar a les publicacions de la sèrie" src="https://welpo.github.io/tabi/blog/series/img/jump_to_series_posts_dark.webp?h=b2050110d2b4ad3f8768" class=img-dark loading=lazy></div><p>Estableix <code>show_jump_to_posts = true</code> per forçar l’activació de la funció i <code>show_jump_to_posts = false</code> per desactivar-la.<h3 id=indexacio-de-pagines-de-series><a aria-label="Anchor link for: indexacio-de-pagines-de-series" class="header-anchor no-hover-padding" href=#indexacio-de-pagines-de-series><span aria-hidden=true class=link-icon></span></a> Indexació de pàgines de sèries</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Per defecte, les pàgines de sèries s’indexen (usant una indexació basada en 1) segons el <code>sort_by</code> de la secció de sèries.<p>Estableix <code>post_listing_index_reversed = true</code> per invertir aquest índex.<hr><h2 id=integracio-amb-repositoris-git><a aria-label="Anchor link for: integracio-amb-repositoris-git" class="header-anchor no-hover-padding" href=#integracio-amb-repositoris-git><span aria-hidden=true class=link-icon></span></a> Integració amb repositoris Git</h2><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❓<td style=text-align:center>❓<td style=text-align:center>✅<td style=text-align:center>❓<td style=text-align:center>❌</table><p>❓: <code>show_remote_source</code> sí que segueix <a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>la jerarquia</a> i es pot configurar en una pàgina, secció o de manera global. La resta de les configuracions només es poden establir a <code>config.toml</code>.<p>Aquestes configuracions et permeten vincular el teu lloc web tabi amb un repositori públic de Git a GitHub, GitLab, Gitea o Codeberg. Exemples de configuració:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">remote_repository_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://github.com/welpo/tabi<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">remote_repository_git_platform</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>auto<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">remote_repository_branch</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>main<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">show_remote_changes</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">show_remote_source</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span></code></pre><p>Això habilita dues funcions:<ol><li><code>show_remote_source = true</code> afegeix un enllaç al codi font del teu lloc web (el teu <code>remote_repository_url</code>) que es mostrarà al peu de pàgina:</ol><img alt="Peu de pàgina del lloc web, mostrant un enllaç 'Codi font del lloc'" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/site_source_light.webp?h=74f40235aee4d653e751" class=img-light loading=lazy><img alt="Peu de pàgina del lloc web, mostrant un enllaç 'Codi font del lloc'" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/site_source_dark.webp?h=693e5d39020685105021" class=img-dark loading=lazy><ol start=2><li><code>show_remote_changes = true</code> afegeix un enllaç “Veure canvis ↗” a l’historial de commits de l’article actualitzat, al costat de la data de l’última actualització <sup class=footnote-reference id=fr-1-1><a href=#fn-1>1</a></sup>:</ol><img alt="Títol de l'article i metadades, mostrant un enllaç 'Veure canvis'" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/see_changes_light.webp?h=615119d982424267b55f" class=img-light loading=lazy><img alt="Títol de l'article i metadades, mostrant un enllaç 'Veure canvis'" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/see_changes_dark.webp?h=b000b03652037b84eee4" class=img-dark loading=lazy><p>En clicar aquest enllaç, seràs dirigit a l’historial de commits de l’article, on podràs veure els canvis realitzats en ell:<div class=full-width><img alt="Historial de commits d'un article" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/commit_history_light.webp?h=154a2997684117c8aa60" class=img-light loading=lazy><img alt="Historial de commits d'un article" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/commit_history_dark.webp?h=57bb5c5d83f6442ba666" class=img-dark loading=lazy></div><hr><h2 id=pagines><a aria-label="Anchor link for: pagines" class="header-anchor no-hover-padding" href=#pagines><span aria-hidden=true class=link-icon></span></a> Pàgines</h2><h3 id=projectes><a aria-label="Anchor link for: projectes" class="header-anchor no-hover-padding" href=#projectes><span aria-hidden=true class=link-icon></span></a> Projectes</h3><p>tabi té una plantilla integrada per a projectes. Per habilitar-la, pots crear un directori a <code>content/projects/</code>. Allà, pots crear un fitxer <code>_index.md</code> amb el següent contingut al bloc de metadades:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Projectes<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">sort_by</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>weight<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>cards.html<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">insert_anchor_links</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>left<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">show_reading_time</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">quick_navigation_buttons</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span></code></pre><ul><li><code>title</code> és el títol de la pàgina.<li><code>sort_by</code> determina com s’ordenen els projectes. Pots ordenar per “date”, “update_date”, “title”, “title_bytes”, “weight”, “slug” o “none”.<li><code>template = "cards.html"</code> estableix la plantilla per renderitzar la pàgina de projectes.<li><code>insert_anchor_links = "left"</code> afegeix enllaços àncora als encapçalaments.<li><code>show_reading_time = false</code> amaga el temps estimat de lectura.<li><code>quick_navigation_buttons = true</code> mostra els botons de navegació ràpida.</ul><p>Al costat del fitxer <code>_index.md</code>, pots crear un fitxer per a cada projecte. Per exemple, aquest és el bloc de metadades per a la pàgina del projecte <a href=https://welpo.github.io/tabi/ca/projects/tabi/>tabi</a>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>tabi<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Un tema de Zola ràpid, lleuger i modern amb suport multilingüe.<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">1</span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">local_image</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>img/tabi.webp<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><ul><li><code>title</code> és el títol del projecte.<li><code>description</code> és la descripció del projecte.<li><code>weight</code> determina l’ordre en què es mostren els projectes. Com menor sigui el pes, més amunt apareixerà el projecte.<li><code>local_image</code> és la ruta de la imatge del projecte. Aquesta imatge es mostra a la pàgina de projectes.</ul><p>Quan un usuari faci clic a la imatge o al títol d’un projecte, serà portat a la pàgina del projecte. Si prefereixes que els usuaris vagin a un enllaç extern, pots establir <code>link_to = "https://example.com"</code> a la secció <code>[extra]</code> del fitxer <code>.md</code> del projecte.<p>La pàgina del projecte individual es renderitza amb la plantilla predeterminada, tret que estableixis una altra, per exemple, <code>template = "info-page.html"</code>.<h4 id=filtrar-projectes><a aria-label="Anchor link for: filtrar-projectes" class="header-anchor no-hover-padding" href=#filtrar-projectes><span aria-hidden=true class=link-icon></span></a> Filtrar projectes</h4><p>Si afegeixes etiquetes als teus projectes, veuràs un filtre d’etiquetes:<div class=full-width><img alt="Pàgina de projectes amb filtre d'etiquetes" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/projects_tag_filter_light.webp?h=60577452655a137490e2" class=img-light loading=lazy><img alt="Pàgina de projectes amb filtre d'etiquetes" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/projects_tag_filter_dark.webp?h=a40d6b40f5688a9d44bf" class=img-dark loading=lazy></div><p>El sistema de filtratge d’etiquetes utilitza millora progressiva:<ul><li>Sense JavaScript: Les etiquetes enllacen directament a pàgines d’etiquetes dedicades (per exemple, <code>/tags/nom-de-l-etiqueta</code>).<li>Amb JavaScript: Filtratge instantani, sincronització d’URL (#nom-etiqueta) i navegació amb el teclat.</ul><p>Per desactivar aquesta funció, estableix <code>enable_cards_tag_filtering = false</code> a la secció <code>[extra]</code> del fitxer <code>projects/_index.md</code> o a <code>config.toml</code>.<div class="admonition tip"><div class="admonition-icon admonition-icon-tip"></div><div class=admonition-content><strong class=admonition-title>TIP</strong><p>Per filtrar projectes per etiquetes, necessites establir etiquetes a la front matter de cada projecte. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>nom del projecte<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">weight</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-numeric z-integer z-toml">40</span>
</span><span class="z-source z-toml">
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">taxonomies</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">tags</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>etiqueta<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>etiqueta 2<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>tercera etiqueta<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre></div></div><h3 id=arxiu><a aria-label="Anchor link for: arxiu" class="header-anchor no-hover-padding" href=#arxiu><span aria-hidden=true class=link-icon></span></a> Arxiu</h3><p>Afegir una pàgina d’arxiu és similar a afegir una pàgina de projectes. Pots crear un directori a <code>content/archive/</code>. Allà, pots crear un fitxer <code>_index.md</code> amb el següent encapçalament:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Arxiu<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>archive.html<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>Per defecte, l’arxiu llistarà les publicacions situades a <code>blog/</code>. Per personalitzar això, pots modificar la secció <code>[extra]</code> de l’arxiu <code>_index.md</code>:<ul><li><p><strong>Per a un sol directori</strong>: Estableix <code>section_path = "directori/"</code> per llistar publicacions d’un directori específic. Assegura’t d’incloure la barra inclinada al final.</p><li><p><strong>Per a múltiples directoris</strong>: Si vols agregar publicacions de diversos directoris, especifica la llista a <code>section_path</code>. Per exemple:</p> <pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">section_path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>blog/<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>notes/<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>camí-tres/<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre></ul><p>L’arxiu mostra les publicacions en ordre cronològic invers (les més recents primer). Pots invertir aquest ordre establint <code>archive_reverse = true</code> a la secció <code>[extra]</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">archive_reverse</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> mostra les publicacions més antigues primer</span>
</span></code></pre><div class="admonition note"><div class="admonition-icon admonition-icon-note"></div><div class=admonition-content><strong class=admonition-title>nota</strong><p>La pàgina d’arxiu només llistarà publicacions que tinguin data al seu encapçalament.</div></div><h3 id=etiquetes><a aria-label="Anchor link for: etiquetes" class="header-anchor no-hover-padding" href=#etiquetes><span aria-hidden=true class=link-icon></span></a> Etiquetes</h3><p>tabi té suport integrat per a etiquetes. Per habilitar-les, simplement afegeix la taxonomia al teu <code>config.toml</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">taxonomies</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>tags<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">feed</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span><span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><p>Després, pots afegir etiquetes a les teves publicacions afegint-les a l’array <code>tags</code> en el bloc de metadades de la teva publicació. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Els molins de vent de la meva vida: reflexions d'un escuder<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">date</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-other z-datetime z-toml">1605-01-16</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">description</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>El meu viatge al costat de Don Quixot, enfrontant-me a gegants imaginats i descobrint les veritables batalles de la vida.<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml">
</span><mark><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">taxonomies</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span></mark><mark><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">tags</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>personal<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>reflexions<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></mark></code></pre><h3 id=pagina-sobre><a aria-label="Anchor link for: pagina-sobre" class="header-anchor no-hover-padding" href=#pagina-sobre><span aria-hidden=true class=link-icon></span></a> Pàgina sobre</h3><p>Si vols tenir una pàgina que no sigui un article, per exemple per a una secció “Sobre”, “Contacte” o “Drets d’autor”, pots utilitzar la plantilla <code>info-page.html</code>.<p>Primer, crea un directori dins de <code>content/</code> amb el nom que prefereixis. Per exemple, <code>content/pages/</code>. Després, crea un fitxer <code>_index.md</code> dins d’aquest directori. El fitxer hauria de ser així:<pre class="language-markdown z-code" data-lang=markdown><code class=language-markdown data-lang=markdown><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">+++
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">render = false
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">insert_anchor_links = "left"
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">+++
</span></span></code></pre><ul><li><code>render = false</code> indica a Zola que no renderitzi la secció.<li><code>insert_anchor_links = "left"</code> afegeix enllaços àncora als encapçalaments. Això és opcional.</ul><p>Dins del directori, pots crear qualsevol quantitat de fitxers <code>.md</code>.<p>En aquesta demo, la pàgina <a href=/ca/about/>Sobre mi</a> utilitza la plantilla <code>info-page.html</code>. El bloc de metadades és el següent:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">title</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>Sobre mi<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">template</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>info-page.html<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">path</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>about<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>Fixa’t com s’estableix <code>path = "about"</code>. Zola situarà la pàgina a <code>$base_url/about/</code>. Si vols que la pàgina estigui disponible a <code>/contacte/</code>, hauries d’establir <code>path = "contacte"</code>.<p>La plantilla <code>info-page.html</code> també es pot utilitzar per crear landing pages a la ruta arrel (<code>"/"</code>). Per fer-ho, l’arxiu <code>content/_index.md</code> hauria de ser així:<pre class="language-markdown z-code" data-lang=markdown><code class=language-markdown data-lang=markdown><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">+++
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">title = "Títol de la pàgina"
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">template = "info-page.html"
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">+++
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">
</span></span><span class="z-text z-html z-markdown"><span class="z-meta z-paragraph z-markdown">Contingut amb Markdown.
</span></span></code></pre><hr><h2 id=seo><a aria-label="Anchor link for: seo" class="header-anchor no-hover-padding" href=#seo><span aria-hidden=true class=link-icon></span></a> SEO</h2><p>tabi s’encarrega de la majoria de tasques de SEO per a tu (com ara les etiquetes del protocol Open Graph, descripció, paleta de colors…), però hi ha certes configuracions que pots personalitzar.<h3 id=favicon><a aria-label="Anchor link for: favicon" class="header-anchor no-hover-padding" href=#favicon><span aria-hidden=true class=link-icon></span></a> Favicon</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>El favicon és la petita imatge que es mostra a la pestanya del navegador. Pots establir-la a <code>config.toml</code> amb <code>favicon = "img/favicon.png"</code>.<h3 id=favicon-d-emoji><a aria-label="Anchor link for: favicon-d-emoji" class="header-anchor no-hover-padding" href=#favicon-d-emoji><span aria-hidden=true class=link-icon></span></a> Favicon d’emoji</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>També pots establir un emoji com a favicon amb <code>favicon_emoji</code>. Per exemple, <code>favicon_emoji = "👾"</code>.<p>Nota: Alguns navegadors no suporten favicons d’emoji. Consulta la taula de compatibilitat a <a class=external href=https://caniuse.com/link-icon-svg>caniuse</a>.<h3 id=url-canonica><a aria-label="Anchor link for: url-canonica" class="header-anchor no-hover-padding" href=#url-canonica><span aria-hidden=true class=link-icon></span></a> URL canònica</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>L’URL canònica és una manera d’indicar als motors de cerca quina és l’URL preferida per al contingut del teu lloc web. Això és útil per al SEO i per evitar problemes de contingut duplicat.<p>Per defecte, l’URL canònica és l’URL de la pàgina on et trobes. No obstant això, pots canviar això configurant <code>canonical_url</code> al front matter de la teva pàgina o secció.<p>Si tens un lloc amb una estructura idèntica i contingut coincident, pots configurar <code>base_canonical_url</code> al teu <code>config.toml</code>. L’URL canònica es crearà substituint el <code>$base_url</code> de l’URL actual amb el <code>$base_canonical_url</code> que establisquis.<p>Per exemple, si configures <code>base_canonical_url = "https://example.com"</code>, l’URL canònica de la pàgina <code>$base_url/blog/post1</code> serà <code>https://example.com/blog/post1</code>. Això és útil si tens un lloc amb diversos dominis que comparteixen el mateix contingut.<p><strong>Nota</strong>: per assegurar-te que l’URL canònica sigui correcta, probablement serà millor configurar <code>canonical_url</code> individualment per a cada pàgina.<h3 id=targetes-per-a-xarxes-socials><a aria-label="Anchor link for: targetes-per-a-xarxes-socials" class="header-anchor no-hover-padding" href=#targetes-per-a-xarxes-socials><span aria-hidden=true class=link-icon></span></a> Targetes per a xarxes socials</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Les targetes per a xarxes socials són les imatges que es mostren quan comparteixes un enllaç a les xarxes socials:</p><img alt="Una captura de pantalla de WhatsApp mostrant un enllaç amb una targeta per a xarxes socials" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/with_social_media_card.webp?h=067eb79a2fa1a54ffdc6" class=dimmable-image height=440 loading=lazy width=439><p>Pots establir la imatge per a xarxes socials amb <code>social_media_card = "img/social_media_card.png"</code>.<p>Pots especificar rutes tant relatives com absolutes.<ul><li><p><strong>Ruta relativa</strong>: Posiciona la imatge a la mateixa carpeta que la teva entrada de blog i especifica el seu nom. Per exemple, <code>social_media_card = "relative_image.png"</code>.</p><li><p><strong>Ruta absoluta</strong>: Posiciona la imatge en una carpeta específica i especifica la ruta des de l’arrel. Per exemple, <code>social_media_card = "/img/absolute_image.png"</code>.</p></ul><p>Si ambdues rutes, relativa i absoluta, són vàlides, la ruta relativa tindrà prioritat.<p>Ja que segueix la <a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>jerarquia</a>, si no està configurat en una pàgina, però sí ho està en una secció, s’utilitzarà la imatge de la secció. Si no està configurat en una pàgina o secció, però sí en <code>config.toml</code>, s’utilitzarà la imatge global.<div class="admonition tip"><div class="admonition-icon admonition-icon-tip"></div><div class=admonition-content><strong class=admonition-title>CONSELL</strong><p>Automatitza la seva creació amb un <a class=external href=https://github.com/welpo/osc.garden/blob/main/static/code/social-cards-zola>script</a>: <a class=external href=https://osc.garden/ca/blog/automating-social-media-cards-zola/>Automatitzant les vistes prèvies dels enllaços amb Zola</a>.</div></div><h3 id=creador-del-fedivers><a aria-label="Anchor link for: creador-del-fedivers" class="header-anchor no-hover-padding" href=#creador-del-fedivers><span aria-hidden=true class=link-icon></span></a> Creador del fedivers</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Pots mostrar el perfil del fedivers de l’autor en les previsualitzacions d’enllaços de Mastodon configurant la variable <code>fediverse_creator</code> al teu <code>config.toml</code>. Per exemple, per a @username@example.com, fes servir:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">fediverse_creator</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">handle</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>username<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domain</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>example.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span>
</span></code></pre><hr><h2 id=navegacio><a aria-label="Anchor link for: navegacio" class="header-anchor no-hover-padding" href=#navegacio><span aria-hidden=true class=link-icon></span></a> Navegació</h2><h3 id=barra-de-navegacio><a aria-label="Anchor link for: barra-de-navegacio" class="header-anchor no-hover-padding" href=#barra-de-navegacio><span aria-hidden=true class=link-icon></span></a> Barra de navegació</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>La barra de navegació és la franja a la part superior de la pàgina que conté el títol del lloc i el menú de navegació. Pots personalitzar els elements que apareixen configurant <code>menu</code> en <code>config.toml</code>.<p>Soporta links relatius per a pàgines internes i links absoluts per a enllaços externs. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">menu</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>blog<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>blog<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>arxiu<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>archive<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>etiquetes<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>tags<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>projectes<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>projects<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>sobre nosaltres<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>about<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>github<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://github.com/welpo/tabi<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><h3 id=botons-de-navegacio-rapida><a aria-label="Anchor link for: botons-de-navegacio-rapida" class="header-anchor no-hover-padding" href=#botons-de-navegacio-rapida><span aria-hidden=true class=link-icon></span></a> Botons de navegació ràpida</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Els botons de navegació ràpida són els botons que apareixen a la part inferior dreta de la pantalla. Hauries de veure’ls en aquesta pàgina, si no estàs en un dispositiu mòbil. Es veuen així:</p><img alt="Botons de navegació ràpida" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/quick_navigation_buttons_light.webp?h=dd381236eabee5581eaa" class=img-light loading=lazy><img alt="Botons de navegació ràpida" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/quick_navigation_buttons_dark.webp?h=5e5e7d2504aab0b9a104" class=img-dark loading=lazy><p>Per activar-los, estableix <code>quick_navigation_buttons = true</code>.<h3 id=taula-de-continguts><a aria-label="Anchor link for: taula-de-continguts" class="header-anchor no-hover-padding" href=#taula-de-continguts><span aria-hidden=true class=link-icon></span></a> Taula de continguts</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Activa l’índex de continguts just sota del títol i metadades de l’article amb <code>toc = true</code>.<p>Per saber més sobre com personalitzar-ho, consulta <a href=https://welpo.github.io/tabi/ca/blog/toc/>la documentació sobre la Taula de continguts</a>.<h3 id=enllacos-als-articles-anterior-i-seguent><a aria-label="Anchor link for: enllacos-als-articles-anterior-i-seguent" class="header-anchor no-hover-padding" href=#enllacos-als-articles-anterior-i-seguent><span aria-hidden=true class=link-icon></span></a> Enllaços als articles anterior i següent</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Mostra enllaços als articles anterior i següent a la part inferior dels posts. Es veu així:<div class=full-width><img alt="Enllaços als articles anterior i següent" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/show_previous_next_article_links_light.webp?h=13a1c61619d1f136e7c5" class=img-light loading=lazy><img alt="Enllaços als articles anterior i següent" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/show_previous_next_article_links_dark.webp?h=6745eb3a9b5e268a26e1" class=img-dark loading=lazy></div><p>Per activar aquesta funció, estableix <code>show_previous_next_article_links = true</code> i assegura’t que la secció té un valor <code>sort_by</code> (per exemple <code>sort_by = "date"</code>).<p>Per defecte, els articles següents estaran al costat esquerre de la pàgina i els articles anteriors al costat dret. Per invertir l’ordre (articles següents al costat dret i articles anteriors al costat esquerre), configura <code>invert_previous_next_article_links = true</code>.<p>Per defecte, aquesta secció de navegació tindrà l’amplada completa del lloc (igual que la barra de navegació de la part superior). Per fer-la més estreta, coincidint amb l’amplada de l’article, configura <code>previous_next_article_links_full_width = false</code>.<p>Totes aquestes configuracions segueixen la jerarquia.<h3 id=enllacos-de-retorn-a-les-notes-a-peu-de-pagina><a aria-label="Anchor link for: enllacos-de-retorn-a-les-notes-a-peu-de-pagina" class="header-anchor no-hover-padding" href=#enllacos-de-retorn-a-les-notes-a-peu-de-pagina><span aria-hidden=true class=link-icon></span></a> Enllaços de retorn a les notes a peu de pàgina</h3><div class="admonition warning"><div class="admonition-icon admonition-icon-warning"></div><div class=admonition-content><strong class=admonition-title>ADVERTÈNCIA DE DEPRECACIÓ</strong><p>Zola v0.19.0 i posterior pot fer això de forma nativa. Estableix <code>bottom_footnotes = true</code> a la secció <code>[markdown]</code> de la teva configuració.</div></div><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅</table><p>Establir <code>footnote_backlinks = true</code> afegirà enllaços de retorn a les notes a peu de pàgina de les teves publicacions, com aquest:<div class=full-width><img alt="Enllaços de retorn a les notes a peu de pàgina" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/footnote_backlinks_light.webp?h=8ed45b97e03cedda3ed2" class=img-light loading=lazy><img alt="Enllaços de retorn a les notes a peu de pàgina" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/footnote_backlinks_dark.webp?h=9ba9f7115e6a8b10cad4" class=img-dark loading=lazy></div><p>Quan facis clic en un enllaç de retorn (la fletxa ↩), et portarà de tornada al punt del text on es va fer referència a la nota a peu de pàgina.<hr><h2 id=usabilitat><a aria-label="Anchor link for: usabilitat" class="header-anchor no-hover-padding" href=#usabilitat><span aria-hidden=true class=link-icon></span></a> Usabilitat</h2><h3 id=boto-de-copiar-en-blocs-de-codi><a aria-label="Anchor link for: boto-de-copiar-en-blocs-de-codi" class="header-anchor no-hover-padding" href=#boto-de-copiar-en-blocs-de-codi><span aria-hidden=true class=link-icon></span></a> Botó de copiar en blocs de codi</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅</table><p>Establir <code>copy_button = true</code> afegirà un petit botó de copiar a la part superior dreta dels blocs de codi, com aquest:<div class=full-width><img alt="Botó de copiar en blocs de codi" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/copy_button_on_code_blocks_light.webp?h=a32845d6fbed8b7166e5" class=img-light loading=lazy><img alt="Botó de copiar en blocs de codi" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/copy_button_on_code_blocks_dark.webp?h=81b4d21b182bea0f9e91" class=img-dark loading=lazy></div><h3 id=nom-del-bloc-de-codi-clicable><a aria-label="Anchor link for: nom-del-bloc-de-codi-clicable" class="header-anchor no-hover-padding" href=#nom-del-bloc-de-codi-clicable><span aria-hidden=true class=link-icon></span></a> Nom del bloc de codi clicable</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅</table><p>En establir <code>code_block_name_links = true</code> s’habiliten els enllaços clicables als noms dels blocs de codi. Consulta la <a href=https://welpo.github.io/tabi/ca/blog/shortcodes/#mostrar-ruta-o-url>documentació</a> per veure exemples i ús.<h3 id=forcar-blocs-de-codi-d-esquerra-a-dreta><a aria-label="Anchor link for: forcar-blocs-de-codi-d-esquerra-a-dreta" class="header-anchor no-hover-padding" href=#forcar-blocs-de-codi-d-esquerra-a-dreta><span aria-hidden=true class=link-icon></span></a> Forçar blocs de codi d’esquerra a dreta</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Per defecte, els blocs de codi es renderitzen d’esquerra a dreta, independentment de la direcció general del text. Estableix <code>force_codeblock_ltr = false</code> per permetre que els blocs de codi segueixin la direcció del document. Útil per a idiomes de dreta a esquerra que necessiten blocs de codi de dreta a esquerra.<h3 id=suport-per-a-katex><a aria-label="Anchor link for: suport-per-a-katex" class="header-anchor no-hover-padding" href=#suport-per-a-katex><span aria-hidden=true class=link-icon></span></a> Suport per a KaTeX</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅</table><p>KaTeX és una biblioteca JavaScript ràpida i fàcil d’usar per a la representació de matemàtiques TeX a la web. Pots habilitar-ho amb <code>katex = true</code>. Mira com es veu en tabi <a href=/ca/blog/markdown/#katex>aquí</a>.<h3 id=suport-per-a-mermaid><a aria-label="Anchor link for: suport-per-a-mermaid" class="header-anchor no-hover-padding" href=#suport-per-a-mermaid><span aria-hidden=true class=link-icon></span></a> Suport per a Mermaid</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅</table><p><a class=external href=https://github.com/mermaid-js/mermaid>Mermaid</a> és una eina de diagramació i gràfics basada en JavaScript. Pots activar-la amb <code>mermaid = true</code>.<p>Per defecte, la biblioteca Mermaid es serveix localment. Si prefereixes utilitzar un CDN, estableix <code>serve_local_mermaid = false</code> a <code>config.toml</code>. L’ús d’un CDN servirà la versió més recent de Mermaid; l’opció local servirà la versió inclosa amb tabi.<p>Consulta la <a href=https://welpo.github.io/tabi/ca/blog/shortcodes/#diagrames-de-mermaid>documentació de Mermaid</a> per a instruccions d’ús i exemples.<h3 id=subconjunt-de-tipus-de-lletra-personalitzat><a aria-label="Anchor link for: subconjunt-de-tipus-de-lletra-personalitzat" class="header-anchor no-hover-padding" href=#subconjunt-de-tipus-de-lletra-personalitzat><span aria-hidden=true class=link-icon></span></a> Subconjunt de tipus de lletra personalitzat</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Les tipus de lletra personalitzades causen parpalleig del text en Firefox. Per resoldre això, tabi carrega un subconjunt de glifs per a la capçalera. Donat que això (lleugerament) augmenta el temps de càrrega inicial, és una bona idea intentar minimitzar la mida d’aquest subconjunt, o desactivar-lo completament si no estàs fent servir un tipus de lletra personalitzat al teu tema.<p>Pots crear un subconjunt personalitzat adaptat al teu lloc, guardar-lo com a <code>static/custom_subset.css</code>, i fer que es carregui amb <code>custom_subset = true</code>.<p>Per desactivar el subconjunt, utilitza <code>enable_subset = false</code>.<p>Per obtenir més informació, incloent instruccions sobre com crear un subconjunt personalitzat, consulta la <a href=https://welpo.github.io/tabi/ca/blog/custom-font-subset/>documentació</a>.<h3 id=contingut-complet-al-feed><a aria-label="Anchor link for: contingut-complet-al-feed" class="header-anchor no-hover-padding" href=#contingut-complet-al-feed><span aria-hidden=true class=link-icon></span></a> Contingut complet al feed</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per defecte, el feed Atom només conté el resum o descripció de les teves publicacions. Pots incloure el contingut complet de les publicacions establint <code>full_content_in_feed = true</code> a <code>config.toml</code>.<h3 id=amagar-contingut-del-feed><a aria-label="Anchor link for: amagar-contingut-del-feed" class="header-anchor no-hover-padding" href=#amagar-contingut-del-feed><span aria-hidden=true class=link-icon></span></a> Amagar contingut del feed</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Pots controlar com apareix el contingut als feeds utilitzant dues configuracions:<ul><li><code>hide_from_feed = true</code>: Amaga el contingut de tots els feeds (feed principal, feeds de secció i feeds d’etiquetes)<li><code>hide_from_main_feed = true</code>: Amaga el contingut només del feed principal mentre el manté visible als feeds de secció i d’etiquetes</ul><h3 id=afegir-comentaris><a aria-label="Anchor link for: afegir-comentaris" class="header-anchor no-hover-padding" href=#afegir-comentaris><span aria-hidden=true class=link-icon></span></a> Comentaris</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅</table><p>Per activar els comentaris en una pàgina, establert el nom del sistema com a <code>true</code> al front matter. Per exemple, <code>utterances = true</code>.<p>Si vols activar els comentaris de forma global, pots fer-ho establint <code>enabled_for_all_posts = true</code> a la secció apropiada del teu <code>config.toml</code> (per exemple, a <code>[extra.giscus]</code>).<p>Si has activat un sistema de forma global i vols desactivar-lo per a una pàgina específica, pots fer-ho establint el nom del sistema com a <code>false</code> al front matter. Per exemple, <code>utterances = false</code>.<p>Llegeix la <a href=https://welpo.github.io/tabi/ca/blog/comments/>documentació</a> per a més informació sobre els sistemes disponibles i la seva configuració.<h3 id=iine><a aria-label="Anchor link for: iine" class="header-anchor no-hover-padding" href=#iine><span aria-hidden=true class=link-icon></span></a> Botons d’iine</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>tabi permet botons d’<a class=external href=https://iine.to/>iine</a> per mostrar apreciació anònima pel teu contingut. Aquests botons centrats en la privadesa funcionen sense JavaScript i no rastegen usuaris.<p>Per activar els botons iine globalment:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">iine</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span></code></pre><p>Pots personalitzar la icona usada als botons (segueix la jerarquia):<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">iine_icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>thumbs_up<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Opcions: "heart", "thumbs_up", "upvote", o qualsevol emoji</span>
</span></code></pre><p>Per a llocs multilingües, pots unificar els recomptes de likes entre versions en diferents idiomes del mateix contingut (configuració només de config; valor per defecte és <code>true</code>):<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">iine_unified_languages</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span> <span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Els likes a /ca/blog/hello/ compten cap a /blog/hello/</span>
</span></code></pre><h3 id=analisi-web><a aria-label="Anchor link for: analisi-web" class="header-anchor no-hover-padding" href=#analisi-web><span aria-hidden=true class=link-icon></span></a> Anàlisi web</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅</table><p>tabi ofereix suport per a 3 sistemes d’anàlisi web que respecten la privacitat: <a class=external href=https://plausible.io/>Plausible</a>, <a class=external href=https://www.goatcounter.com/>GoatCounter</a> i <a class=external href=https://umami.is/>Umami</a>.<p>Pots configurar-los en la secció <code>[extra.analytics]</code> del teu arxiu <code>config.toml</code>.<ul><li><p><code>service</code>: el servei a utilitzar. Les opcions disponibles són <code>"goatcounter"</code>, <code>"umami", i "plausible"</code>.</p><li><p><code>id</code>: l’identificador únic per al teu servei d’anàlisi. Això varia segons el servei:</p> <ul><li>Per a GoatCounter, és el codi triat durant el registre. Instàncies auto-allotjades de GoatCounter no requereixen aquest camp.<li>Per a Umami, és l’ID del lloc web.<li>Per a Plausible, és el nom de domini.</ul><li><p><code>self_hosted_url</code>: Opcional. Utilitza aquest camp per especificar l’URL si tens una instància auto-allotjada. L’URL base variarà segons la teva configuració particular. Alguns exemples:</p> <ul><li>Per a GoatCounter: <code>"https://stats.example.com"</code><li>Per a Umami: <code>"https://umami.example.com"</code><li>Per a Plausible: <code>"https://plausible.example.com"</code></ul><li><p><code>do_not_track</code>: (només per a Umami) opcional. Quan s’estableix com a <code>true</code>, es desactiva el seguiment per als usuaris els navegadors dels quals envien una capçalera “Do Not Track”.</p></ul><p>Un exemple de configuració per a GoatCounter no auto-allotjada seria:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">analytics</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">service</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>goatcounter<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">id</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>tabi<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">self_hosted_url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span><span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><h2 id=icones-al-peu-de-pagina><a aria-label="Anchor link for: icones-al-peu-de-pagina" class="header-anchor no-hover-padding" href=#icones-al-peu-de-pagina><span aria-hidden=true class=link-icon></span></a> Icones al peu de pàgina</h2><h3 id=icones-de-xarxes-socials><a aria-label="Anchor link for: icones-de-xarxes-socials" class="header-anchor no-hover-padding" href=#icones-de-xarxes-socials><span aria-hidden=true class=link-icon></span></a> Icones de xarxes socials</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Respecta jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Pots afegir icones de xarxes socials al peu de pàgina amb <code>socials</code>, que accepta una llista d’objectes de xarxes socials. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">socials</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>github<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://github.com/welpo/<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>github<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>soundcloud<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://soundcloud.com/oskerwyld<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>soundcloud<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>instagram<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://instagram.com/oskerwyld<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>instagram<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>youtube<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://youtube.com/@oskerwyld<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>youtube<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>spotify<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">icon</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>spotify<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><p>Per veure una llista de totes les icones integrades, fes un cop d’ull al directori <a class=external href=https://github.com/welpo/tabi/tree/main/static/social_icons><code>static/social_icons</code> a GitHub</a>.<p>Trobes a faltar algun icona? Si creus que seria una bona addició a tabi, no dubtis en <a href="https://github.com/welpo/tabi/issues/new?assignees=&labels=enhancement&projects=&template=feature_request.md&title=" class=external>obrir un issue</a> o enviar una pull request (<a class=external href=https://github.com/welpo/tabi/pull/333>exemple</a>).<p>Per utilitzar una icona personalitzada, pots afegir-la al directori <code>static/social_icons</code> del teu lloc web. Per exemple, si afegeixes <code>custom.svg</code>, la pots referenciar així:<pre class=z-code><code><span class="z-text z-plain">{ name = "custom", url = "https://example.com", icon = "custom" }
</span></code></pre><div class="admonition note"><div class="admonition-icon admonition-icon-note"></div><div class=admonition-content><strong class=admonition-title>NOTA</strong><p>Tots els enllaços a xarxes socials inclouen l’<a class=external href=https://developer.mozilla.org/docs/Web/HTML/Attributes/rel/me>atribut</a> <code>rel='me'</code>. Això ajuda els motors de cerca i serveis web a verificar que les comptes de xarxes socials et pertanyen.</div></div><h3 id=icona-de-feed><a aria-label="Anchor link for: icona-de-feed" class="header-anchor no-hover-padding" href=#icona-de-feed><span aria-hidden=true class=link-icon></span></a> Icona de feed</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Pots afegir un enllaç al teu feed RSS/Atom al peu de pàgina amb <code>feed_icon = true</code>.<p>Nota pels usuaris de Zola 0.19.X: quan hi ha dos noms de fitxer a <code>feed_filenames</code>, només s’enllaçarà el primer al peu de pàgina.<h4 id=menu-de-peu-de-pagina><a aria-label="Anchor link for: menu-de-peu-de-pagina" class="header-anchor no-hover-padding" href=#menu-de-peu-de-pagina><span aria-hidden=true class=link-icon></span></a> Menú de peu de pàgina</h4><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Pots afegir un menú al peu de pàgina amb <code>footer_menu</code>, que accepta una llista d’elements de menú. Per exemple:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">footer_menu</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>about<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>about<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span><span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>privacy<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>privacy<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span><span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>sitemap.xml<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>sitemap<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">false</span><span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">url</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://example.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">name</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>external link<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">trailing_slash</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span><span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><h3 id=copyright><a aria-label="Anchor link for: copyright" class="header-anchor no-hover-padding" href=#copyright><span aria-hidden=true class=link-icon></span></a> Copyright</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per afegir una menció sobre els drets d’autor al teu lloc web, configura <code>copyright</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">copyright</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>© $CURRENT_YEAR Your Name $SEPARATOR Unless otherwise noted, the content in this website is available under the [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/) license.<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><ul><li><code>$TITLE</code> serà reemplaçat per la variable <code>title</code> configurada a <code>config.toml</code><li><code>$CURRENT_YEAR</code> serà reemplaçat per l’any actual<li><code>$AUTHOR</code> serà reemplaçat per la variable <code>author</code><li><code>$SEPARATOR</code> serà reemplaçat per la <a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#separador-personalitzat>variable <code>separator</code></a>.</ul><p>El text es processarà en Markdown. Per exemple, la configuració d’adalt:<div class=full-width><img alt="Secció de drets d'autor" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/copyright_light.webp?h=b67d2136955cb3b232d2" class=img-light loading=lazy><img alt="Secció de drets d'autor" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/copyright_dark.webp?h=632bc1c5ab6409bfbc88" class=img-dark loading=lazy></div><p>Si tens un lloc multilingüe i vols establir diferents notificacions de drets d’autor per a diferents idiomes, afegeix la traducció corresponent a <code>copyright_translations.{codi_d'idioma}</code> per a cada idioma que vulguis donar suport. El codi de llengua ha de coincidir amb el <a class=external href=https://welpo.github.io/tabi/ca/blog/faq-languages/#que-son-aquests-codis-de-dues-lletres>codi de llengua de tabi</a>. Per exemple, pel castellà:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">copyright_translations</span><span class="z-punctuation z-separator z-key z-toml">.</span><span class="z-entity z-name z-tag z-toml">es</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>© $CURRENT_YEAR $AUTHOR $SEPARATOR A menos que se indique lo contrario, el contenido de esta web está disponible bajo la licencia [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/).<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><hr><h2 id=metadades><a aria-label="Anchor link for: metadades" class="header-anchor no-hover-padding" href=#metadades><span aria-hidden=true class=link-icon></span></a> Metadades</h2><h3 id=mostrar-autoria><a aria-label="Anchor link for: mostrar-autoria" class="header-anchor no-hover-padding" href=#mostrar-autoria><span aria-hidden=true class=link-icon></span></a> Mostrar autoria</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Per mostrar l’autoria d’un article, estableix <code>show_author = true</code>.<p>Això mostrarà els autors establerts a la variable <code>authors = []</code> al front matter del post. Si aquest camp no està configurat, mostrarà l’autor de <code>config.toml</code> (<code>author = ""</code>).<h3 id=temps-de-lectura><a aria-label="Anchor link for: temps-de-lectura" class="header-anchor no-hover-padding" href=#temps-de-lectura><span aria-hidden=true class=link-icon></span></a> Temps de lectura</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Pots activar o desactivar el temps estimat de lectura d’un article amb <code>show_reading_time</code>. Si el configures com a <code>true</code>, apareixerà a les metadades de l’article, com això:</p><img alt="Títol de l'article i metadades, mostrant un enllaç «Veure canvis»" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/see_changes_light.webp?h=615119d982424267b55f" class=img-light loading=lazy><img alt="Títol de l'article i metadades, mostrant un enllaç «Veure canvis»" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/see_changes_dark.webp?h=b000b03652037b84eee4" class=img-dark loading=lazy><p>Com que segueix <a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>la jerarquia</a>, pots activar-lo o desactivar-lo per a pàgines o seccions específiques. Per exemple, aquesta demo desactiva <code>show_reading_time = false</code> a la secció <a class=external href=https://welpo.github.io/tabi/ca/projects/>projectes</a> a l’arxiu <a href="https://github.com/welpo/tabi/blob/main/content/projects/_index.es.md?plain=1" class=external><code>_index.md</code></a>, de manera que les seves publicacions individuals no mostren el temps de lectura.<h3 id=mostrar-la-data><a aria-label="Anchor link for: mostrar-la-data" class="header-anchor no-hover-padding" href=#mostrar-la-data><span aria-hidden=true class=link-icon></span></a> Mostrar la data</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>✅<td style=text-align:center>❌</table><p>Per defecte, la data es mostra sota el títol de la publicació. Pots amagar-la amb <code>show_date = false</code>. Aquest ajust segueix <a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>la jerarquia</a>.<h3 id=format-de-data><a aria-label="Anchor link for: format-de-data" class="header-anchor no-hover-padding" href=#format-de-data><span aria-hidden=true class=link-icon></span></a> Format de data</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>tabi té tres formats de data: <code>long_date_format</code>, <code>short_date_format</code> i <code>archive_data_format</code>. El format curt s’utilitza a les metadades d’una publicació, mentre que el format llarg s’utilitza al llistar les publicacions (és a dir, a la <a href=/ca/blog/>secció de blog</a> o a la <a href=/ca/>pàgina principal</a>). El format d’arxiu s’utilitza per mostrar el dia i el mes a la pàgina d’arxiu.<p>Per defecte és “6th July 2049” per als formats curt i llarg en anglès. Per a altres idiomes, el predeterminat és <code>"%d %B %Y"</code> per al format llarg i <code>"%-d %b %Y"</code> per al format curt. El format d’arxiu predeterminat universal és <code>"%d %b"</code>.<p>A Zola, la sintaxi per al format de temps està inspirada en strftime. Una referència completa està disponible a la <a class=external href=https://docs.rs/chrono/0.4.31/chrono/format/strftime/index.html>documentació de chrono</a>.<h4 id=formats-de-data-per-idioma><a aria-label="Anchor link for: formats-de-data-per-idioma" class="header-anchor no-hover-padding" href=#formats-de-data-per-idioma><span aria-hidden=true class=link-icon></span></a> Formats de data per idioma</h4><p>Pots personalitzar els formats de data per idiomes específics utilitzant la matriu <code>date_formats</code> a <code>config.toml</code>:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">date_formats</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">lang</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>es<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">long</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%d de %B de %Y<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">short</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%-d %b %Y<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">archive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%d de %b<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">lang</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>de<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">long</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%d. %B %Y<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">short</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%d.%m.%Y<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">archive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>%d. %b<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><p>Això permet que diferents idiomes utilitzin formats de data culturalment apropiats (per exemple, “6. Juli 2049” per a alemany VS “6 de julio de 2049” per a espanyol).<h3 id=separador-personalitzat><a aria-label="Anchor link for: separador-personalitzat" class="header-anchor no-hover-padding" href=#separador-personalitzat><span aria-hidden=true class=link-icon></span></a> Separador personalitzat</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>El separador apareix en diversos llocs: al títol del navegador, entre les metadades d’una publicació…<p>El separador per defecte és un punt de llista (<code>•</code>), però pots canviar-lo configurant alguna cosa com <code>separator = "|"</code>.<h3 id=ordre-del-titol><a aria-label="Anchor link for: ordre-del-titol" class="header-anchor no-hover-padding" href=#ordre-del-titol><span aria-hidden=true class=link-icon></span></a> Ordre del títol</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per defecte, el títol a la pestanya del navegador és el nom del lloc seguit del títol de la pàgina. Per exemple, el títol de la secció del blog és «~/tabi • Blog».<p>Configurant <code>invert_title_order = true</code>, pots invertir l’ordre del títol del lloc i el títol de la pàgina a la pestanya del navegador. Per exemple, l’etiqueta del títol de la secció del blog es convertiria en «Blog • ~/tabi».<hr><p>Certainly, here is a high-quality, non-literal translation of the provided text into Catalan. I’ve adhered to your specifications, keeping the variables and English terms unchanged.<h2 id=seguretat><a aria-label="Anchor link for: seguretat" class="header-anchor no-hover-padding" href=#seguretat><span aria-hidden=true class=link-icon></span></a> Seguretat</h2><h3 id=correu-electronic-codificat><a aria-label="Anchor link for: correu-electronic-codificat" class="header-anchor no-hover-padding" href=#correu-electronic-codificat><span aria-hidden=true class=link-icon></span></a> Correu electrònic codificat</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>✅</table><p>Per tal de protegir la teva adreça de correu electrònic contra els spambots, pots codificar-la al peu de pàgina. Pots fer això establint <code>email</code> a una versió codificada en base64 de la teva adreça de correu electrònic<sup class=footnote-reference id=fr-2-1><a href=#fn-2>2</a></sup>. Per exemple, <code>email = "bWFpbEBleGFtcGxlLmNvbQ=="</code> és la versió codificada en base64 de “mail@example.com”.<p>Si no vols codificar el teu correu electrònic tu mateix, tabi pot fer-ho per tu si configures <code>encode_plaintext_email = true</code>. Això et permet establir un correu electrònic en text pla en la configuració. Tingues en compte que això només protegeix la teva adreça de correu electrònic al teu lloc web, no en repositoris públics.<p>Si el correu electrònic està codificat (ja sigui per tu o per tabi), els usuaris amb JavaScript desactivat no veuran la icona de correu electrònic.<h3 id=csp-content-security-policy><a aria-label="Anchor link for: csp-content-security-policy" class="header-anchor no-hover-padding" href=#csp-content-security-policy><span aria-hidden=true class=link-icon></span></a> CSP (Content Security Policy)</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>La Content Security Policy (CSP) és una capa addicional de seguretat que ajuda a detectar i mitigar certs tipus d’atacs, inclosos atacs de Cross Site Scripting (XSS) i injecció de dades. Aquests atacs s’utilitzen per a tot, des del robatori de dades fins a la desfiguració de llocs web i la distribució de programari maliciós.<p>tabi té una CSP predeterminada que permet imatges i vídeos remots, així com incrustacions de YouTube i Vimeo. Pots personalitzar-la amb <code>allowed_domains</code>, que accepta una llista de directrius de CSP. Aquesta és la CSP predeterminada:<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">allowed_domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">directive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>font-src<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>'self'<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>data:<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">directive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>img-src<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>'self'<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://*<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>data:<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">directive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>script-src<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>'self'<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">directive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>style-src<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>'self'<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"> <span class="z-punctuation z-definition z-inline-table z-begin z-toml">{</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">directive</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>frame-src<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-inline-table z-toml">,</span> <span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domains</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-punctuation z-definition z-array z-begin z-toml">[</span><span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>player.vimeo.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-separator z-array z-toml">,</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>https://www.youtube-nocookie.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span><span class="z-punctuation z-definition z-array z-end z-toml">]</span> <span class="z-punctuation z-definition z-inline-table z-end z-toml">}</span><span class="z-punctuation z-separator z-array z-toml">,</span>
</span><span class="z-source z-toml"><span class="z-punctuation z-definition z-array z-end z-toml">]</span>
</span></code></pre><p>Aquesta opció està habilitada per defecte. Per desactivar-la per una pàgina, secció o globalment, estableix <code>enable_csp = false</code>. La configuració de <code>enable_csp</code> segueix la jerarquia.<p>Per a més informació, consulta la <a href=https://welpo.github.io/tabi/ca/blog/security/>pàgina de documentació de CSP</a>.<hr><h2 id=indieweb><a aria-label="Anchor link for: indieweb" class="header-anchor no-hover-padding" href=#indieweb><span aria-hidden=true class=link-icon></span></a> Indieweb</h2><h3 id=webmentions><a aria-label="Anchor link for: webmentions" class="header-anchor no-hover-padding" href=#webmentions><span aria-hidden=true class=link-icon></span></a> Webmentions</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❓<td style=text-align:center>❓<td style=text-align:center>✅<td style=text-align:center>❓<td style=text-align:center>✅</table><p>Com es descriu en l’estàndard W3C recomanat, <a class=external href=https://www.w3.org/TR/webmention/#abstract-p-1>Webmention</a> és una manera senzilla de notificar qualsevol URL quan la menciones al teu lloc web. Des de la perspectiva del receptor, és una manera de sol·licitar notificacions quan altres llocs web la mencionen.<p>Per a llocs web estàtics, <a class=external href=https://webmention.io/>webmention.io</a> allotja un punt final de webmention que es pot utilitzar per rebre webmentions. Aquesta funcionalitat recupera les webmentions emmagatzemades a webmention.io i les mostra per a una pàgina. Hauràs de configurar un compte per al teu lloc web a webmention.io. Quan habilitis la funcionalitat de webmention, anunciarà el teu punt final de webmention.io i mostrarà les webmentions per a qualsevol pàgina.<p>Habilita les webmentions per al teu lloc web afegint el següent al teu fitxer <code>config.toml</code>.<pre class="language-toml z-code" data-lang=toml><code class=language-toml data-lang=toml><span class="z-source z-toml"><span class="z-punctuation z-definition z-table z-begin z-toml">[</span><span class="z-meta z-tag z-table z-toml"><span class="z-entity z-name z-table z-toml">extra</span><span class="z-punctuation z-separator z-table z-toml">.</span><span class="z-entity z-name z-table z-toml">webmentions</span></span><span class="z-punctuation z-definition z-table z-end z-toml">]</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">enable</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-constant z-language z-toml">true</span>
</span><span class="z-source z-toml"><span class="z-comment z-line z-number-sign z-toml"><span class="z-punctuation z-definition z-comment z-toml">#</span> Especifica el domini registrat amb webmention.io.</span>
</span><span class="z-source z-toml"><span class="z-meta z-tag z-key z-toml"><span class="z-entity z-name z-tag z-toml">domain</span></span> <span class="z-punctuation z-definition z-key-value z-toml">=</span> <span class="z-string z-quoted z-double z-basic z-toml"><span class="z-punctuation z-definition z-string z-begin z-toml">"</span>www.example.com<span class="z-punctuation z-definition z-string z-end z-toml">"</span></span>
</span></code></pre><p>❓: Per desactivar les webmentions per a una secció o pàgina específica, estableix <code>webmentions = false</code> a la secció <code>[extra]</code> del front matter d’aquesta secció o pàgina.<p>La secció de webmentions es veu així:<div class=full-width><img alt="Captura de pantalla de webmentions mostrant republications, m'agrada, marcadors i comentaris" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/webmention_light.webp?h=172ea81db2f223f3f7a5" class=img-light loading=lazy><img alt="Captura de pantalla de webmentions mostrant republications, m'agrada, marcadors i comentaris" src="https://welpo.github.io/tabi/blog/mastering-tabi-settings/img/webmention_dark.webp?h=817252126f1495cad050" class=img-dark loading=lazy></div><h3 id=h-card-representativa><a aria-label="Anchor link for: h-card-representativa" class="header-anchor no-hover-padding" href=#h-card-representativa><span aria-hidden=true class=link-icon></span></a> h-card representativa</h3><table><thead><tr><th style=text-align:center>Pàgina<th style=text-align:center>Secció<th style=text-align:center><code>config.toml</code><th style=text-align:center>Segueix la jerarquia<th style=text-align:center>Requereix JavaScript<tbody><tr><td style=text-align:center>❌<td style=text-align:center>❌<td style=text-align:center>✅<td style=text-align:center>❌<td style=text-align:center>❌</table><p>Per defecte, tabi afegeix una h-card representativa <a class=external href=https://microformats.org/wiki/h-card>h-card</a> <strong>oculta</strong> a la pàgina d’inici. Tot i que és invisible per als visitants, està disponible per als analitzadors de microformats. Pots comprovar la validesa de la targeta amb l’eina <a class=external href=https://indiewebify.me/validate-h-card/>Indiewebify.me</a>.<p>Per desactivar l’h-card, estableix <code>enable = false</code> a la secció <code>[extra.hcard]</code> de <code>config.toml</code>.<p>L’h-card predeterminada inclou el teu nom, l’URL del lloc web i els enllaços a les xarxes socials.<p>Pots establir una imatge de perfil i una petita biografia amb els paràmetres <code>avatar</code> i <code>biography</code>.<p>Totes les altres <a class=external href=https://microformats.org/wiki/h-card#Properties>propietats h-card</a> es poden afegir llistant-les a la secció <code>[extra.hcard]</code> del fitxer de configuració. Simplement substitueix tots els caràcters <code>-</code> per <code>_</code>.<hr><h2 id=estenent-elements-html-a-tabi><a aria-label="Anchor link for: estenent-elements-html-a-tabi" class="header-anchor no-hover-padding" href=#estenent-elements-html-a-tabi><span aria-hidden=true class=link-icon></span></a> Estenent elements HTML a tabi</h2><p>Alguns elements HTML a tabi es poden estendre per admetre casos d’ús addicionals, com ara afegir JavaScript personalitzat per a comportaments a tot el lloc al final de l’etiqueta <code>&lt;body></code> o incloure contingut addicional al final de l’element <code>&lt;head></code> que no estigui suportat per altres configuracions de tabi.<p>Consulta la taula a continuació per veure els elements que es poden estendre:<table><thead><tr><th style=text-align:center>Element<th style=text-align:center>Plantilla<tbody><tr><td style=text-align:center><code>&lt;head></code><td style=text-align:center><code>templates/tabi/extend_head.html</code><tr><td style=text-align:center><code>&lt;body></code><td style=text-align:center><code>templates/tabi/extend_body.html</code></table><p>No hi ha configuracions explícites que hagis d’establir per al teu lloc o pàgines. Simplement crea el fitxer de plantilla corresponent per al teu lloc, i tabi l’inclourà automàticament.<hr><section class=footnotes><ol class=footnotes-list><li id=fn-1><p>Si estàs utilitzant un repositori Git remot, potser voldràs automatitzar el procés d’actualització del camp <code>updated</code>. Aquí tens una guia per a això: <a class=external href=https://osc.garden/ca/blog/zola-date-git-hook/>Zola Git Hook: actualitzant les dates de les publicacions</a>. <a href=#fr-1-1>↩</a></p><li id=fn-2><p>Per a codificar el teu correu electrònic en base64 pots utilitzar <a class=external href=https://www.base64encode.org/>eines en línia</a> o, al teu terminal, executar: <code>printf 'mail@example.com' | base64</code> <a href=#fr-2-1>↩</a></p></ol></section></section><form action="https://vhiweeypifbwacashxjz.supabase.co/rest/v1/rpc/increment_hits?apikey=sb_publishable_EoB7MFJhCmb6PiAk-GPJ4w_PGhQ44Ru" class=iine-form method=post><input name=page_slug type=hidden value=/blog/mastering-tabi-settings/><button aria-label="M'agrada aquesta publicació" title="M'agrada aquesta publicació" class=iine-button data-icon=thumbs_up data-slug=/blog/mastering-tabi-settings/>👍</button></form><nav class="full-width article-navigation"><div><a aria-describedby=left_title aria-label=Següent href=https://welpo.github.io/tabi/ca/blog/series/><span class=arrow>←</span> Següent</a><p aria-hidden=true id=left_title>Guia completa sobre sèries</div><div><a aria-describedby=right_title aria-label=Anterior href=https://welpo.github.io/tabi/ca/blog/faq-languages/>Anterior <span class=arrow>→</span></a><p aria-hidden=true id=right_title>Lost in Translation? Explora les capacitats multilingües de tabi</div></nav></article></main><div id=button-container><div id=toc-floating-container><input class=toggle id=toc-toggle type=checkbox><label class=overlay for=toc-toggle></label><label title="Mostrar/ocultar la taula de continguts" class=button for=toc-toggle id=toc-button><svg viewbox="0 -960 960 960" xmlns=http://www.w3.org/2000/svg><path d="M414.82-193.094q-18.044 0-30.497-12.32-12.453-12.319-12.453-30.036t12.453-30.086q12.453-12.37 30.497-12.37h392.767q17.237 0 29.927 12.487 12.69 12.486 12.69 30.203 0 17.716-12.69 29.919t-29.927 12.203H414.82Zm0-244.833q-18.044 0-30.497-12.487Q371.87-462.9 371.87-480.45t12.453-29.92q12.453-12.369 30.497-12.369h392.767q17.237 0 29.927 12.511 12.69 12.512 12.69 29.845 0 17.716-12.69 30.086-12.69 12.37-29.927 12.37H414.82Zm0-245.167q-18.044 0-30.497-12.32t-12.453-30.037q0-17.716 12.453-30.086 12.453-12.369 30.497-12.369h392.767q17.237 0 29.927 12.486 12.69 12.487 12.69 30.203 0 17.717-12.69 29.92-12.69 12.203-29.927 12.203H414.82ZM189.379-156.681q-32.652 0-55.878-22.829t-23.226-55.731q0-32.549 23.15-55.647 23.151-23.097 55.95-23.097 32.799 0 55.313 23.484 22.515 23.484 22.515 56.246 0 32.212-22.861 54.893-22.861 22.681-54.963 22.681Zm0-245.167q-32.652 0-55.878-23.134-23.226-23.135-23.226-55.623 0-32.487 23.467-55.517t56.12-23.03q32.102 0 54.721 23.288 22.62 23.288 22.62 55.775 0 32.488-22.861 55.364-22.861 22.877-54.963 22.877Zm-.82-244.833q-32.224 0-55.254-23.288-23.03-23.289-23.03-55.623 0-32.333 23.271-55.364 23.272-23.03 55.495-23.03 32.224 0 55.193 23.288 22.969 23.289 22.969 55.622 0 32.334-23.21 55.364-23.21 23.031-55.434 23.031Z"/></svg></label><div class=toc-content><div class=toc-container><ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#jerarquia-de-configuracio>Jerarquia de configuració</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#cerca>Cerca</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#consideracions-per-a-usuaris-de-zola-0-17-x>Consideracions per a usuaris de Zola 0.17.X</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#detalls-d-implementacio>Detalls d’implementació</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-multilingue>Suport multilingüe</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#aparenca>Aparença</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagina-principal>Pàgina principal</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#capcalera>Capçalera</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#llistant-publicacions-recents>Llistant publicacions recents</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#llistat-de-projectes>Llistat de Projectes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#commutador-de-mode-clar-i-fosc>Commutador de mode clar i fosc</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mode-predeterminat-clar-fosc>Mode predeterminat (clar/fosc)</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#skin-personalitzada>Skin personalitzada</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#font-sans-serif-pal-sec>Font sans serif (pal sec)</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indicador-d-enllacos-externs>Indicador d’enllaços externs</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#estils-css-personalitzats>Estils CSS personalitzats</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#color-del-tema-del-navegador>Color del tema del navegador</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#etiquetes-compactes>Etiquetes compactes</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#ordre-de-les-etiquetes>Ordre de les etiquetes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#series>Sèries</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllac-per-saltar-a-les-publicacions>Enllaç per saltar a les publicacions</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indexacio-de-pagines-de-series>Indexació de pàgines de sèries</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#integracio-amb-repositoris-git>Integració amb repositoris Git</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagines>Pàgines</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#projectes>Projectes</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#filtrar-projectes>Filtrar projectes</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#arxiu>Arxiu</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#etiquetes>Etiquetes</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#pagina-sobre>Pàgina sobre</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#seo>SEO</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#favicon>Favicon</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#favicon-d-emoji>Favicon d’emoji</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#url-canonica>URL canònica</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#targetes-per-a-xarxes-socials>Targetes per a xarxes socials</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#creador-del-fedivers>Creador del fedivers</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#navegacio>Navegació</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#barra-de-navegacio>Barra de navegació</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#botons-de-navegacio-rapida>Botons de navegació ràpida</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#taula-de-continguts>Taula de continguts</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllacos-als-articles-anterior-i-seguent>Enllaços als articles anterior i següent</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllacos-de-retorn-a-les-notes-a-peu-de-pagina>Enllaços de retorn a les notes a peu de pàgina</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#usabilitat>Usabilitat</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#boto-de-copiar-en-blocs-de-codi>Botó de copiar en blocs de codi</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#nom-del-bloc-de-codi-clicable>Nom del bloc de codi clicable</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#forcar-blocs-de-codi-d-esquerra-a-dreta>Forçar blocs de codi d’esquerra a dreta</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-per-a-katex>Suport per a KaTeX</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#suport-per-a-mermaid>Suport per a Mermaid</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#subconjunt-de-tipus-de-lletra-personalitzat>Subconjunt de tipus de lletra personalitzat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#contingut-complet-al-feed>Contingut complet al feed</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#amagar-contingut-del-feed>Amagar contingut del feed</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#afegir-comentaris>Comentaris</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#iine>Botons d’iine</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#analisi-web>Anàlisi web</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icones-al-peu-de-pagina>Icones al peu de pàgina</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icones-de-xarxes-socials>Icones de xarxes socials</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icona-de-feed>Icona de feed</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#menu-de-peu-de-pagina>Menú de peu de pàgina</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#copyright>Copyright</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#metadades>Metadades</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mostrar-autoria>Mostrar autoria</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#temps-de-lectura>Temps de lectura</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#mostrar-la-data>Mostrar la data</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#format-de-data>Format de data</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#formats-de-data-per-idioma>Formats de data per idioma</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#separador-personalitzat>Separador personalitzat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#ordre-del-titol>Ordre del títol</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#seguretat>Seguretat</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#correu-electronic-codificat>Correu electrònic codificat</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#csp-content-security-policy>CSP (Content Security Policy)</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#indieweb>Indieweb</a> <ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#webmentions>Webmentions</a><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#h-card-representativa>h-card representativa</a></ul><li><a href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#estenent-elements-html-a-tabi>Estenent elements HTML a tabi</a></ul></div></div></div><a title="Vés a l'inici de la pàgina" class=no-hover-padding href=# id=top-button> <svg viewbox="0 0 20 20" fill=currentColor><path d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z"/></svg> </a></div><span class=hidden id=copy-success> Copiat! </span><span class=hidden id=copy-init> Copia el codi al porta-retalls </span><script defer src=https://welpo.github.io/tabi/js/copyCodeToClipboard.min.js></script><script defer src=https://cdn.jsdelivr.net/gh/welpo/iine@main/iine.mini.js></script></div><footer><section><nav class="socials nav-navs"><ul><li><a class="nav-links no-hover-padding social" href=https://welpo.github.io/tabi/ca/atom.xml> <img alt=feed loading=lazy src=https://welpo.github.io/tabi/social_icons/rss.svg title=feed> </a><li class=js><a class="nav-links no-hover-padding social" data-encoded-email=dGFiaUBvc2MuZ2FyZGVu href=#><img alt=email loading=lazy src=https://welpo.github.io/tabi/social_icons/email.svg title=email> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://github.com/welpo/> <img alt=github loading=lazy src=https://welpo.github.io/tabi/social_icons/github.svg title=github> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://soundcloud.com/oskerwyld> <img alt=soundcloud loading=lazy src=https://welpo.github.io/tabi/social_icons/soundcloud.svg title=soundcloud> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://instagram.com/oskerwyld> <img alt=instagram loading=lazy src=https://welpo.github.io/tabi/social_icons/instagram.svg title=instagram> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://youtube.com/@oskerwyld> <img alt=youtube loading=lazy src=https://welpo.github.io/tabi/social_icons/youtube.svg title=youtube> </a><li><a class="nav-links no-hover-padding social" rel=" me" href=https://open.spotify.com/artist/5Hv2bYBhMp1lUHFri06xkE> <img alt=spotify loading=lazy src=https://welpo.github.io/tabi/social_icons/spotify.svg title=spotify> </a></ul></nav><nav class=nav-navs><small> <ul><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/about/> sobre mi </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/ca/privacy/> política de privadesa </a><li><a class="nav-links no-hover-padding" href=https://tabi-stats.osc.garden/> estadístiques del lloc </a><li><a class="nav-links no-hover-padding" href=https://welpo.github.io/tabi/sitemap.xml> mapa del lloc </a></ul> </small></nav><div class=credits><small> Propulsat per <a href=https://www.getzola.org>Zola</a> i <a href=https://github.com/welpo/tabi>tabi</a> • <a href=https://github.com/welpo/tabi> Codi del lloc </a></small></div></section><script async src=https://welpo.github.io/tabi/js/decodeMail.min.js></script></footer>
Reference in a new issue View git blame Copy permalink