ddmng / lionsvolleylatina.github.io

Lions Volley Latina - Sito ufficiale

---

Come creare un nuovo post

• Andare sul sito: https://github.com/
• Effettuare la login con: lionsvolleylatina/usare la passwordinviata
• Cliccare sul progetto:
• Comparirà la seguente pagina:
• Entrare nella cartella _posts
• Comparirà la lista dei post creati:
• Cliccare sul tasto Add File e poi su Create new file:
• Nella casella del nome, inserire il nome del post rispettando il criterio: anno-mese-giorno-titolo-separato-da-trattini.md:
• Aggiungere nella pagina il seguente contenuto e modificarne il testo secondo le esigenze del post che si sta scrivendo:

--- 
layout: post
title: Il nostro primo anniversario!
image: /img/1-anniversario.jpg
author: Staff Lions
---

• il valore del campo image deve puntare ad una immagine esistente o che si creerà in un secondo momento, l'importante è che l'immagine stia nella cartella img e che abbia esattamente il nome assegnato (attenzione all'estensione .jpg che, a volte, alcuni programmi, scrivono .jpeg).
• Aggiungere dopo i tre trattini finali il testo del post:
• Cliccare sul tasto verde Commit new file alla fine della pagina:
• Se l'immagine specificata nel file non è ancora presente, aggiungerla con la seguente procedura:
  • dalla pagina principale del progetto, entrare nella cartella img:
  • cliccare sul tasto Add file e poi su Upload files:
  • Trascinare il file o usare la funzione di esplorazione per selezionarlo dal proprio computer:
  • attenzione di nuovo al nome del file
  • Cliccare sul tasto verde Commit changes in fondo alla pagina per confermare
• Se tutti i passi sono corretti, andando sul sito https://www.lionsvolleylatina.it/ sarà possibile entro qualche minuto vedere il nuovo post:
• Il sito usa l'ordinamento alfabetico inverso per decidere l'ordine in cui elencare i post, quindi per ordinare correttamente i post in modo che i più recenti vengano mostrati per primi, basta seguire per il nome del file la convenzione anno-mese-giorno-titolo.md usando sempre 4 cifre per l'anno e 2 per mese e giorno, es: 2022-08-09-esempio-di-post.md

Come modificare un post

Il post creato nella guida precedente viene mostrato bene nella home page del sito ma cliccando sul tasto Vai alla notizia non appare allo stesso modo:

Per aggiungere una immagine nella pagina del dettaglio della notizia bisogna aggiungere la riga image-sec: /img/2022-08-12-1anniversario.jpg nell'intestazione del post. Per fare questo è necessario:

• andare nella cartella _posts
• visualizzare il contenuto del file 2022-08-12-anniversario-lions.md
• cliccare sul tasto con la "penna":
• aggiungere la linea mancante nella intestazione del post:
• Cliccare il tasto verde Commit changes in fondo alla pagina
• aggiornando dopo qualche minuto la pagina https://www.lionsvolleylatina.it/2022/08/12/anniversario-lions/ sarà possibile vedere il cambiamento:

Aggiungere immagini o links da altri siti

È possibile aggiungere ai post:

• immagini presenti su altri siti
• links ad altri siti
• links ad account facebook, instagram ecc

Per aggiungere il collegamento ad un sito basta racchiudere il testo da cliccare tra parentesi quadre, seguito dal link racchiuso tra parentesi tonde, es.:

L’ultimo scambio… e poi… [LIONS…LIONS…](https://fb.watch/cEMOXFzrpM/)

Allo stesso modo è possibile aggiungere links ad account facebook, instagram ecc:

[@lions_volley_latina](https://www.facebook.com/Lionsvolleylatina/) Vs. @sabaudiavolley

Per includere una immagine presente su un altro sito, supponendo che il link all'immagine sia il seguente (link ad una immagine facebook): https://scontent.fcia2-2.fna.fbcdn.net/v/t39.30808-6/297769091_192028626502996_5597894925336043817_n.png?_nc_cat=107&ccb=1-7&_nc_sid=730e14&_nc_ohc=xKHFfMzZvDcAX8-QOgm&_nc_ht=scontent.fcia2-2.fna&oh=00_AT_h-Q4TDSlwYcHd5YipZSu-4kzXz2ASY_jiry1Cr9Oc4Q&oe=62FBD187

il testo da includere è:

![Vieni a giocare con noi](https://scontent.fcia2-2.fna.fbcdn.net/v/t39.30808-6/297769091_192028626502996_5597894925336043817_n.png?_nc_cat=107&ccb=1-7&_nc_sid=730e14&_nc_ohc=xKHFfMzZvDcAX8-QOgm&_nc_ht=scontent.fcia2-2.fna&oh=00_AT_h-Q4TDSlwYcHd5YipZSu-4kzXz2ASY_jiry1Cr9Oc4Q&oe=62FBD187)

La sintassi è come quella dell'aggiunta di un link, ma c'è un punto esclamativo all'inizio della riga; il testo tra parentesi quadre è quello che compare come "hint" passando col mouse sopra l'immagine.