mirror of
https://github.com/welpo/tabi.git
synced 2025-11-05 18:40:24 +01:00
2 lines
No EOL
19 KiB
HTML
2 lines
No EOL
19 KiB
HTML
<!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 • tabi</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="Un tema de Zola ràpid, lleuger i modern amb suport multilingüe." name=description><meta content="Un tema de Zola ràpid, lleuger i modern amb suport multilingüe." property=og:description><meta content=tabi property=og:title><meta content=article property=og:type><meta content="https://welpo.github.io/tabi/projects/tabi/social_cards/ca_projects_tabi.jpg?h=e200075c3b9e5edcc4a1" property=og:image><meta content=1400 property=og:image:width><meta content=800 property=og:image:height><meta content="https://welpo.github.io/tabi/projects/tabi/social_cards/ca_projects_tabi.jpg?h=e200075c3b9e5edcc4a1" name=twitter:image><meta content=summary_large_image name=twitter:card><meta content=ar_SA property=og:locale:alternate><link href=https://welpo.github.io/tabi/ar/projects/tabi/ hreflang=ar rel=alternate><meta content=es_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/es/projects/tabi/ hreflang=es rel=alternate><meta content=ca_ES property=og:locale:alternate><link href=https://welpo.github.io/tabi/ca/projects/tabi/ hreflang=ca rel=alternate><meta content=en_GB property=og:locale:alternate><link href=https://welpo.github.io/tabi/projects/tabi/ hreflang=en rel=alternate><link href=https://osc.garden/ca/projects/tabi/ rel=canonical><meta content=https://osc.garden/ca/projects/tabi/ 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=Español href=https://welpo.github.io/tabi/es/projects/tabi/ lang=es role=menuitem>Español</a><a aria-label=العربية href=https://welpo.github.io/tabi/ar/projects/tabi/ lang=ar role=menuitem>العربية</a><a aria-label=English href=https://welpo.github.io/tabi/projects/tabi/ lang=en role=menuitem>English</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">tabi</h1><a class="u-url u-uid" href=https://welpo.github.io/tabi/ca/projects/tabi/></a><ul class=meta><li class=tag>Etiquetes: <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ca/tags/web/>web</a>, <li class=tag><a class=p-category href=https://welpo.github.io/tabi/ca/tags/javascript/>JavaScript</a></ul><p class=p-summary hidden>Un tema de Zola ràpid, lleuger i modern amb suport multilingüe.<section class="e-content body"><p><a class=external href=https://github.com/welpo/tabi><strong>tabi</strong></a> és un tema modern i ric en funcionalitat per a <a class=external href=https://www.getzola.org/>Zola</a>, un generador de llocs web estàtics molt ràpid.<div class=full-width><img alt="Modes clar i fosc de tabi" loading=lazy src=https://cdn.jsdelivr.net/gh/welpo/tabi@main/light_dark_screenshot.png></div><h4 class=centered-text id=veure-a-github-demo-i-documentacion><a aria-label="Anchor link for: veure-a-github-demo-i-documentacion" class="header-anchor no-hover-padding" href=#veure-a-github-demo-i-documentacion><span aria-hidden=true class=link-icon></span></a> <a class=external href=https://github.com/welpo/tabi>Veure a GitHub</a> • <a class=external href=https://welpo.github.io/tabi/ca/>Demo i documentación</a></h4><h2 id=caracteristiques><a aria-label="Anchor link for: caracteristiques" class="header-anchor no-hover-padding" href=#caracteristiques><span aria-hidden=true class=link-icon></span></a> Característiques</h2><ul><li><a class=external href=https://welpo.github.io/tabi/ca/blog/faq-languages/#com-estableixo-la-llengua-predeterminada-del-meu-lloc>Estableix qualsevol idioma com a predeterminat</a>. Configura el teu lloc en xinès, espanyol, francès, hindi… o qualsevol <a class=external href=https://welpo.github.io/tabi/ca/blog/faq-languages/#quines-llengues-admet-tabi>altre idioma compatible</a>. La interfície del tema es traduirà en conseqüència.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings#integracio-amb-repositoris-git>Integració amb repositoris remots</a> a GitHub, GitLab, Gitea i Codeberg per a l’historial de commits i mostrar el codi font del lloc.<li>Tema clar i fosc. S’adapta a la configuració del sistema operatiu, amb un interruptor a la barra de navegació.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/faq-languages/#com-gestiona-tabi-el-suport-multilingue>Suport multilingüe complet</a>. Afegeix tants idiomes com vulguis i deixa que els teus usuaris triin amb el selector d’idioma.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/series/>Suport per a sèries</a> per crear contingut seqüencial com tutorials, cursos i històries multipart.<li>Puntuació perfecta en Lighthouse (Rendiment, Accessibilitat, Millors Pràctiques i SEO).<li>Suport per a <a class=external href=https://indieweb.org/>Indieweb</a> amb microformats, suport per a <a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#h-card-representativa>hcard</a> i <a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#webmentions>webmentions</a>.<li>Suport per a <a class=external href=https://welpo.github.io/tabi/ca/blog/shortcodes/#diagrames-de-mermaid>diagrames de Mermaid</a> per a crear diagrames i gràfics amb text.<li>Botons de «m’agrada» d’<a class=external href=https://iine.to/>iine</a> per mostrar apreciació anònima pel teu contingut.<li>Ressaltat de sintaxi de codi amb colors basats en <a class=external href=https://github.com/catppuccin/catppuccin>Catppuccin</a> Frappé.<li>Suport per a <a class=external href=https://welpo.github.io/tabi/ca/blog/comments/>comentaris usant giscus, utterances, Hyvor Talk o Isso</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#cerca>Cerca local</a> amb una interfície accessible i multilingüe.<li>Tot el JavaScript es pot <a class=external href=https://welpo.github.io/tabi/ca/blog/javascript/>deshabilitar completament</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#correu-electronic-codificat>Codificació de correu</a> per a protecció contra spam.<li><a class=external href=https://welpo.github.io/tabi/sitemap.xml>Mapa del lloc estilitzat i llegible per humans</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/security/>Capçaleres de seguretat personalitzables</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/atom.xml>Feed Atom estilitzat i llegible per humans</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#enllacos-de-retorn-a-les-notes-a-peu-de-pagina>Enllaços de retrocés per a notes al peu</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/toc/>Taula de continguts personalitzable</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#copyright>Avís de drets d’autor personalitzat</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#boto-de-copiar-en-blocs-de-codi>Botó de copiar per a blocs de codi</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#url-canonica>URL canòniques personalitzables</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#targetes-per-a-xarxes-socials>Targetes per a xarxes socials</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#botons-de-navegacio-rapida>Botons de navegació ràpida</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/shortcodes/>Shortcodes personalitzats</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/customise-tabi/>Skins personalitzables</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#fixar-entrades>Publicacions fixades</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/projects/>Pàgina de projectes</a>.<li>Disseny responsive.<li>Suport de <a class=external href=https://katex.org/>KaTeX</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#icones-de-xarxes-socials>Enllaços socials</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/archive/>Pàgina d’arxiu</a>.<li><a class=external href=https://welpo.github.io/tabi/ca/blog/mastering-tabi-settings/#etiquetes>Etiquetes</a>.</ul><h2 id=practiques-de-desenvolupament><a aria-label="Anchor link for: practiques-de-desenvolupament" class="header-anchor no-hover-padding" href=#practiques-de-desenvolupament><span aria-hidden=true class=link-icon></span></a> Pràctiques de desenvolupament</h2><ul><li><strong><a class=external href=https://www.conventionalcommits.org>Conventional Commits</a> i <a class=external href=https://gitmoji.dev/>Gitmoji</a></strong>: els missatges de commit segueixen formats estandarditzats per facilitar la llegibilitat.<li><strong>Seguiment d’incidències</strong>: cada error o nova funcionalitat té el seu propi tiquet, que s’enllaça amb els commits de codi i PRs o problemes relacionats.<li><strong>Comentaris detallats</strong>: els tiquets es documenten amb imatges, vídeos i descripcions detallades per facilitar una comunicació i resolució de problemes efectives.<li><strong>Referències creuades</strong>: enllacem tots els tiquets amb els commits de codi, pull requests o problemes relacionats per a una traçabilitat completa.</ul><h2 id=evolucio-del-projecte><a aria-label="Anchor link for: evolucio-del-projecte" class="header-anchor no-hover-padding" href=#evolucio-del-projecte><span aria-hidden=true class=link-icon></span></a> Evolució del projecte</h2><p><strong>tabi</strong> va néixer com a disseny per al meu lloc web personal, <a class=external href=https://osc.garden>osc.garden</a>. Malgrat les seves arrels personals, des del principi es van implementar bones pràctiques per assegurar la qualitat i la mantenibilitat. Des d’aleshores, el tema ha aconseguit atraure una comunitat activa de col·laboradors a GitHub.<h2 id=inicia-el-teu-recorregut-com-a-escriptor-amb-tabi><a aria-label="Anchor link for: inicia-el-teu-recorregut-com-a-escriptor-amb-tabi" class="header-anchor no-hover-padding" href=#inicia-el-teu-recorregut-com-a-escriptor-amb-tabi><span aria-hidden=true class=link-icon></span></a> Inicia el teu recorregut com a escriptor amb tabi</h2><p>Tens alguna cosa a dir. Potser vols parlar sobre com els lingüistes encara no han acordat una <a class=external href=https://ca.wikipedia.org/wiki/Mot>definició de “paraula”</a>, o sobre la teva experiència explorant els diferents <a class=external href=https://ca.wikipedia.org/wiki/Estils_flamencs>palos del flamenc</a>, o de com vas aconseguir resoldre un error d’un projecte de codi obert popular.<p><strong>tabi</strong> t’ofereix la base ideal per al teu espai d’escriptura, permetent-te centrar-te en les teves paraules mentre Zola i tabi s’encarreguen de l’aspecte tècnic. Submergeix-te en el món dels blogs amb un sistema que fa que cada publicació sigui un plaer escriure i llegir. La teva veu té valor; comparteix-la amb el món.</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=/projects/tabi/><button aria-label="M'agrada aquesta publicació" title="M'agrada aquesta publicació" class=iine-button data-icon=🌱 data-slug=/projects/tabi/>🌱</button></form></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/projects/tabi/#veure-a-github-demo-i-documentacion>Veure a GitHub • Demo i documentación</a><li><a href=https://welpo.github.io/tabi/ca/projects/tabi/#caracteristiques>Característiques</a><li><a href=https://welpo.github.io/tabi/ca/projects/tabi/#practiques-de-desenvolupament>Pràctiques de desenvolupament</a><li><a href=https://welpo.github.io/tabi/ca/projects/tabi/#evolucio-del-projecte>Evolució del projecte</a><li><a href=https://welpo.github.io/tabi/ca/projects/tabi/#inicia-el-teu-recorregut-com-a-escriptor-amb-tabi>Inicia el teu recorregut com a escriptor amb 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> |