You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
2.7 KiB
Markdown
46 lines
2.7 KiB
Markdown
![]()
2 years ago
|
+++
|
||
|
title = "Sense JavaScript obligatori"
|
||
|
date = 2023-01-06
|
||
![]()
1 year ago
|
updated = 2023-10-06
|
||
![]()
2 years ago
|
description = "JavaScript només s'utilitza quan HTML i CSS no són suficients."
|
||
|
|
||
|
[taxonomies]
|
||
![]()
2 years ago
|
tags = ["funcionalitat", "tutorial"]
|
||
![]()
2 years ago
|
|
||
|
[extra]
|
||
|
footnote_backlinks = true
|
||
![]()
1 year ago
|
social_media_card = "social_cards/ca_blog_javascript.jpg"
|
||
![]()
2 years ago
|
+++
|
||
|
|
||
![]()
2 years ago
|
Aquest tema no requereix JavaScript obligatori. Opcionalment, pot carregar una quantitat mínima per afegir algunes característiques que són impossibles d'aconseguir amb HTML i CSS.
|
||
![]()
2 years ago
|
|
||
![]()
2 years ago
|
## Opcions habilitades globalment
|
||
![]()
2 years ago
|
|
||
![]()
1 year ago
|
- L'**interruptor de mode clar/fosc** es pot habilitar configurant `theme_switcher = true` a la secció `[extra]` del teu `config.toml` (~1KB de JavaScript).
|
||
|
|
||
![]()
2 years ago
|
- **Decodificació de correu electrònic** (~400 bytes). Per protegir contra robots de correu brossa, pots configurar `encode_plaintext_email = true`. Si el teu lloc web està en un repositori públic, considera utilitzar el teu `email` com una cadena codificada en base64[^1].
|
||
![]()
2 years ago
|
|
||
![]()
2 years ago
|
## Opcions que es poden sobreescriure de forma jeràrquica
|
||
![]()
2 years ago
|
|
||
![]()
2 years ago
|
Les següents opcions es poden especificar per a publicacions, seccions i globalment, seguint la jerarquia de `pàgina > secció > config.toml`:
|
||
![]()
2 years ago
|
|
||
![]()
1 year ago
|
- [**Suport de KaTeX**](@/blog/markdown/index.ca.md#katex). Habilitat configurant `katex = true` (274 KB).
|
||
|
- [**Còpia de blocs de codi amb un sol clic**](@/blog/markdown/index.ca.md#bloc-de-codi). Habilitada configurant `copy_button = true`. (~700 bytes)
|
||
|
- [**Enllaços de retorn per a notes a peu de pàgina**](@/blog/markdown/index.ca.md#1). Habilitats configurant `footnote_backlinks = true` (~500 bytes).
|
||
![]()
2 years ago
|
|
||
|
Per especificar aquestes opcions:
|
||
|
|
||
|
- **Globalment**: Afegeix-les sota la secció `[extra]` al teu `config.toml`.
|
||
|
- **Per a una secció**: Afegeix-les sota la secció `[extra]` al front matter de l'`_index.md` de la secció.
|
||
|
- **Per a una publicació individual**: Configura les variables corresponents a la secció `[extra]` del front matter de la publicació.
|
||
![]()
2 years ago
|
|
||
![]()
2 years ago
|
## Opcions que es poden habilitar globalment o per a publicacions individuals
|
||
![]()
2 years ago
|
|
||
![]()
1 year ago
|
- [**Comentaris**](@/blog/comments/index.ca.md). giscus (2 KB), utterances (1 KB), Hyvor Talk (~800 bytes) o Isso (1KB) es poden habilitar globalment configurant `enabled_for_all_posts = true` a la secció apropiada del teu `config.toml` (`[extra.giscus]`, `[extra.utterances]`, `[extra.hyvortalk]` o `[extra.isso]`). Per habilitar comentaris en publicacions individuals, configura el nom del sistema `= true` (per exemple, `hyvortalk = true`) al front matter del post.
|
||
![]()
2 years ago
|
|
||
|
A part d'això, és un tema ràpid amb HTML i CSS que funciona sense JavaScript. Just com hauria de ser (la majoria de) la web :-)
|
||
![]()
2 years ago
|
|
||
![]()
2 years ago
|
---
|
||
![]()
2 years ago
|
|
||
|
[^1]: Per codificar el teu correu en base64 pots utilitzar [eines en línia](https://www.base64encode.org/) o, al terminal, executa: `printf 'mail@example.com' | base64`.
|