Guida: Pubblica il tuo sito su GitHub

Crea un account GitHub

Vai su github.com e crea un nuovo account. Puoi registrarti velocemente usando il tuo account Google.

NOTA BENE: Lo username del tuo account sarà parte dell'indirizzo del tuo sito web. Non scegliere uno username troppo complesso!
Esempi consigliati: tizio-caio, tcaio, tizioc... (es. lbomben).

Crea una Repository

La repository (o "repo") è il contenitore per tutti i file che formeranno il tuo sito.

Clicca sul pulsante "Create a repository".
In "Repository name" scrivi esattamente: tuo_username.github.io (es. lbomben.github.io). Questo sarà l'indirizzo pubblico del tuo sito.
Completa il processo di creazione. Ora potrai accedere alla repo dalla barra laterale sinistra della tua Home di GitHub.

Crea la Landing Page (index.html)

È la pagina che compare digitando il tuo indirizzo.

Nella pagina della repo, clicca su "creating a new file" nel riquadro Quick Setup.
Chiama il file index.html.
Inserisci questo codice di base nell'editor:
```
<body>
    Ciao mondo
</body>
```
Clicca su "Commit changes" e conferma.
Visita https://tuo_username.github.io. Potrebbero servire 1-2 minuti prima che diventi visibile.

Carica i tuoi progetti HTML5

Visita questa pagina per scoprire come creare un'applicazione HTML5 con l'aiuto dell'AI. Hai un codice HTML pronto? Per caricarlo segui questi passaggi:

Dalla tua repo, clicca sul tasto "+" (in alto a destra) o "Add file" > "Create new file".
Dai al file un nome con estensione .html, ad esempio: demoTriangoli.html.
Incolla il tuo codice HTML, clicca su "Commit changes" e conferma.

Aggiungi il link nella Homepage

Per rendere il nuovo file raggiungibile dalla homepage, devi linkarlo in index.html:

Apri index.html e clicca sull'icona della matita (Edit).
Inserisci una riga simile a questa:
<a href="./nome_file.html"> Titolo del link </a>
Suggerimento: aggiungi <br> dopo "Ciao mondo" per andare a capo.

🎨 Personalizza il tuo sito

Modifica index.html per modificare la struttura del sito. Puoi anche farti aiutare dall'AI per migliorare l'estetica. Prendi pure spunto dal mio repository!"

Guarda l'esempio di lbomben