Pagine GitLab con libri Jupyter
Ultimo aggiornamento il 2025-10-21 | Modifica questa pagina
Tempo stimato: 0 minuti
Panoramica
Domande
- Come faccio a pubblicare pagine web tramite GitLab e Jupyter Books?
Obiettivi
- Pubblica i notebook Jupyter come HTML sul web con GitHub Pages
Facciamo qualcosa di diverso, che vi suonerà un po’ più familiare se siete abituati ai progetti Jupyter. Dal loro sito web:
Il progetto Jupyter esiste per sviluppare software open-source, standard aperti e servizi per il calcolo interattivo in decine di linguaggi di programmazione.
I taccuini Jupyter consentono di creare e condividere documenti contenenti codice attivo e testo narrativo. i Jupyter Lab** ampliano le loro funzionalità creando un ambiente di sviluppo interattivo (che consente di navigare nel file system e di definire l’ambiente di codifica). Jupyter Hub è una versione multiutente di Jupyer Lab che le istituzioni possono implementare localmente (come abbiamo fatto noi dell’EMBL) (https://jupyterhub.embl.de/).
E libro Jupyer?
Jupyter Book è un progetto open source per la creazione di libri e documenti di qualità a partire da materiale computazionale.
Il tutorial completo vi guiderà attraverso le fasi di installazione e la personalizzazione dettagliata disponibile, nel contesto di questa lezione ci occuperemo solo delle basi. Prima di tutto, installiamo Jupyter Book. Nel vostro terminale:
Attenzione: è necessario avere installato anche pip. Ora, creiamo il nostro primo progetto di libro. Il comando
jupyter-book --helpci aiuterà a controllare le opzioni, ma in questa lezione vi spoilereremo qualcosa: il comando
il comando creerà un libro Jupyter di base in una cartella
jupyter-book-demo. Questa cartella include già i tre elementi necessari per la creazione di un libro: un file_config.yml, una tabella di contenuto_toc.ymle il contenuto del libro in una raccolta di file MarkDown, reStructuredText o Jupyter Notebook.
Dal momento che ci stiamo stancando di tutto questo sviluppo e
distribuzione, non vogliamo modificare nulla nel contenuto, ma diamo
priorità al fatto che sia pronto e funzionante in GitLab. Provate a
indovinare, cosa dobbiamo aggiungere? Un file
.gitlab-ci.yml.
YAML
pages:
stage: deploy
image: python:slim
script:
- pip install -U jupyter-book
- jupyter-book clean .
- jupyter-book build .
- mv _build/html public
artifacts:
paths:
- public
Questo pezzo di codice:
- Installa jupyter-book (o controlla che sia correttamente installato in remoto).
- Pulisce la cartella dai file risultanti da (eventuali) build precedenti.
- esegue il comando
jupyter-book build ., che costruisce il libro nella cartella in una sottocartella_build. Si può controllare l’output eseguendo lo stesso comando nel terminale e ci si renderà conto che i file HTML effettivi sono nella sottocartella_build/html. - sposta quindi il contenuto HTML nella nostra solita cartella
public, dove sono memorizzati gli artefatti.
Il tuo tempo per sperimentare con un modello
Questo modello è volutamente minimale per dare la possibilità di mettere alla prova le proprie capacità di lettura della documentazione. Consultate le guide agli argomenti su jupyterbook.org e trovate un modo per:
- Aggiungere un’altra pagina chiamata “Informazioni” e collegata all’indice.
- Giocate con il formato dei file di questa nuova pagina, aggiungete lo stesso tipo di contenuto nei formati MarkDown, reStructuredTex e Notebook.
- Aggiungere una figura e una didascalia.
- Inserire una cella di codice. Se conoscete un qualsiasi linguaggio di programmazione, aggiungete un semplice grafico e visualizzate l’output di tale grafico nella vostra pagina.
- Per funzioni di codice più avanzate, controllare come rendere il codice eseguibile
- Controllare la galleria di libri Jupyter per trarre ispirazione!
- Attraverso i libri Jupyter, sarai in grado di integrare componenti interattivi e codice nelle tue pagine web