Questi elementi sono già pronti: li scrivi con la sintassi qui sotto, senza altro da configurare. Ogni esempio mostra cosa scrivere e, subito sotto, il risultato.
Scrivere titoli e sezioni
Il titolo dell'articolo lo metti nel frontmatter, quindi non usare mai l'intestazione di primo livello (#). Parti dal secondo livello.
## Intestazione di secondo livello
### Intestazione di terzo livello
#### Intestazione di quarto livello
# Titolo nel corpo dell'articolo: il titolo compare già in cima alla pagina.Separare due parti con un divisore
Scrivi tre trattini su una riga da soli, con una riga vuota prima e dopo.
Divisore sotto.
---
Divisore sotto.
Divisore sopra.
Formattare il testo
Grassetto
Una parola **in grassetto**.
Una parola in grassetto.
Corsivo
Una parola *in corsivo*.
Una parola in corsivo.
Codice in linea
Scrivo `codice` in linea.
Scrivo codice in linea.
Lista non ordinata
- Una
- lista
- non
- ordinata
- Una
- lista
- non
- ordinata
Lista numerata
1. Una
2. lista
3. numerata
- Una
- lista
- numerata
Inserire un link
Scrivi il testo tra parentesi quadre e l'indirizzo tra parentesi tonde. Per rimandare a un altro articolo del blog usa il suo percorso, che inizia con /articles/.
Link: [Prose Components](/articles/2026-01-17-lorwyn-eclipsed)
Link: Prose Components
Inserire una citazione
Inizia la riga con il simbolo >.
> This is a quote block
This is a quote block
Inserire un blocco di codice
Racchiudi il codice tra tre apici inversi. Tra parentesi quadre puoi indicare il nome da mostrare sopra il blocco.
```js [file.js]
export default () => {
console.log('Code block')
}
```
export default () => {
console.log('Code block')
}
Inserire un'immagine con una larghezza precisa
L'immagine normale occupa tutta la larghezza disponibile. Se vuoi una larghezza diversa, aggiungi subito dopo l'immagine la parte tra graffe con la larghezza che preferisci.
{style="width:400px; display: block; margin: 0 auto;"}
Cambia solo il numero dopo width:. Il resto serve a centrare l'immagine.
Mettere in evidenza un messaggio
Gli avvisi servono a staccare un'informazione dal resto del testo. Scegli il tipo in base al tono: note per un'informazione, tip per un consiglio, caution per un'attenzione, warning per un'allerta. Scrivi il testo tra la riga di apertura e la riga ::.
Consiglio
::tip
Messaggio di nota.
::
Attenzione
::caution
Messaggio di cautela.
::
Informazione
::note
Messaggio informativo.
::
Allerta
::warning
Messaggio di allerta.
::
Mettere un testo in una card
La card è un riquadro con un titolo, adatto a un approfondimento. Il titolo va nel campo title.
::card{title="Titolo della card"}
Contenuto della card.
::
The Consistency Paradox
The people who seem most disciplined aren't superhuman – they've just made their habits so small and automatic that they barely require willpower. They're like efficiency ninjas, but with better sleep schedules.
Inserire una tabella
Tabella semplice
Separa le colonne con |. La seconda riga, fatta di trattini, divide l'intestazione dal resto.
| Key | Type | Description |
| --- | --------- | ----------- |
| 1 | Wonderful | Table |
| 2 | Wonderful | Data |
| 3 | Wonderful | Website |
| Key | Type | Description |
|---|---|---|
| 1 | Wonderful | Table |
| 2 | Wonderful | Data |
| 3 | Wonderful | Website |
Tabella con più testo
Se le celle contengono frasi lunghe, usa ::u-table. Ogni riga inizia con un trattino e il nome della colonna; le righe successive riprendono gli altri nomi di colonna, allineati.
::u-table
---
data:
- Time Period: Week 1-2
What Happens: Feels hard, requires lots of willpower
Example: Every workout is a battle
- Time Period: Week 3-4
What Happens: Starts to feel slightly easier
Example: You remember to pack gym clothes
- Time Period: Week 5-8
What Happens: Becomes part of routine
Example: You feel weird on rest days
- Time Period: Month 3+
What Happens: Automatic behavior
Example: Working out feels as natural as brushing teeth
---
::
| Time Period | What Happens | Example |
|---|---|---|
| Week 1-2 | Feels hard, requires lots of willpower | Every workout is a battle |
| Week 3-4 | Starts to feel slightly easier | You remember to pack gym clothes |
| Week 5-8 | Becomes part of routine | You feel weird on rest days |
| Month 3+ | Automatic behavior | Working out feels as natural as brushing teeth |
data rispetta gli spazi all'inizio di ogni riga: servono a far capire dove finisce una riga della tabella e dove inizia la successiva.