Come si impostano i CSS personalizzati per il mio IPython/IHaskell/Jupyter Notebook?

vorrei linea per applicare alcune semplici modifiche alla comparsa dei miei ipython/IHaskell/Jupyter notebook, come ad esempioCome si impostano i CSS personalizzati per il mio IPython/IHaskell/Jupyter Notebook?

rendered_html :link { 
    text-decoration: none; 
}

ma non riesco a capire come fare questo. Ho provato molte delle soluzioni che ho trovato cercando, ad esempio, mettendo in CSS

~/.ipython/profile_default/static/css/custom.css

ma nessuno ha alcun effetto, e ho il sospetto che, date le recenti modifiche all'architettura notebook, il metodo per realizzare questo è cambiato e le istruzioni che sto trovando non sono aggiornate.

Come si impostano i CSS personalizzati per il mio notebook IPython/IHaskell/Jupyter?

OS X 10.10.4; Xcode 6.4; CLT: 6.4.0.0.1; Clang: 6.1; Python Python 2.7.10 (Homebrew); IHaskell 0.6.4.1, IPython 3.0.0 (anche le risposte per 4.0.0 e Jupiter 4.0 sono state apprezzate, visto che aggiornerò presto).

fonte

2015-08-22 orome

profili sono stati rimossi con IPython/Jupyter versione 4.0, non ho ancora scoperto come modificare il CSS in 4,0 – talloaktrees

In 4.0, è stato spostato in ~/.jupyter/custom/custom.css –

@ RandyC: Non ho tale directory o file e la [risposta esistente] (http://stackoverflow.com/a/32158550/656912) qui sotto funziona. – orome

penso che il percorso del custom.css dovrebbe essere:

cartella

~/.ipython/profile_default/static/custom/custom.css

custom al posto della cartella di css.

fonte

2015-08-22 16:51:09 kikocorreoso

Abbastanza sicuro. Non ho idea di dove '.../css/custom.css' provenga. Tuttavia, confusamente, '.../custom/custom.css' dice" Segnaposto per CSS utente personalizzato principalmente da sovrascrivere in profile/static/custom/custom.css. Questo sarà sempre un file vuoto in IPython ". – orome

Ho inserito il file nella cartella '/ custom', ma nessun effetto. Ti è stato d'aiuto nel tuo caso, @raxacoricofallapatorius? Sto usando Jupiter – Ilya

@Ilya, potresti dirci la tua versione del sistema operativo, jupyter/IPython versione installata, ... – kikocorreoso

Per aggiungere CSS personalizzati a un determinato notebook è possibile utilizzare HTML. Aggiungi ed eseguire una cella codice Python regolare con il seguente contenuto:

from IPython.core.display import HTML 
HTML(""" 
<style> 
// add your CSS styling here 
</style> 
""")

alternativa (grazie @abalter) usare la magia %%html cellulare:

%%html 
<style> 
// add your CSS styling here 
</style>

fonte

2015-11-06 15:58:46 kynan

Sì, ma la domanda è davvero su come farlo configurazione, non codice. – orome

FWIW, ora il modo più semplice per farlo è utilizzando semplicemente la magia della cella html '%% html' – abalter

Questo sembra solo visualizzare il testo del CSS come output ma non applicarlo al notebook. Cosa mi manca? – davidrpugh

partire Jupyter/IPython 4.1, la posizione della cartella personalizzata ha cambiato in ~/.jupyter/custom/. Quindi, inserire il vostro custom.css e custom.js come questo:

~/.jupyter/custom/custom.css 
~/.jupyter/custom/custom.js

funziona per me in questo modo. Credits va a Liang2

Edit:

Se vi manca la cartella ~/.jupyter, è possibile utilizzare jupyter notebook --generate-config comando per generare la cartella.

fonte

2016-01-12 11:22:36 m1lhaus

Questo non ha alcun effetto per me. È aggiornato? – orome

Sì, l'ho appena testato su Ubuntu 14.04 pulito con l'ultima versione di pip. Ho modificato la risposta solo perché puoi perdere la cartella '~/.jupyter' dopo l'installazione di Jupyter. – m1lhaus

Ricorda inoltre che potrebbe essere necessario un '! Important' sulla regola CSS. –

Sto eseguendo Jupyter su Google Cloud Platform utilizzando l'immagine di Tensorflow Docker e si trovava a /usr/local/lib/python2.7/dist-packages/notebook/static/custom/. In ogni caso, puoi trovarlo cercandolo.

fonte

2016-04-29 07:39:27 Thoran

Ecco cosa ho fatto.

Da http://jupyter.readthedocs.io/en/latest/projects/jupyter-directories.html ho scoperto che è possibile modificare la directory di configurazione impostando il JUPYTER_CONFIG_DIR env var, poi corro jupyter come:

JUPYTER_CONFIG_DIR=./jupyter/ jupyter notebook

mio dir jupyter nella directory corrente ha la seguente struttura:

jupyter/ 
- custom/ 
    - custom.css 
    - custom.js

fonte

2017-01-10 18:54:39

Per la documentazione suggerita, ho scaricato Anaconda3 prima e da Anaconda Navigator - Jupyter 5.0 Notebook è una delle numerose opzioni pre-costruite. Ho trovato il mio file CSS in questa posizione.

C:\Users\YourUsername\Anaconda3\Lib\site-packages\notebook\static\cutom\custom.css

fonte

2017-09-12 18:04:09

Come si impostano i CSS personalizzati per il mio IPython/IHaskell/Jupyter Notebook?

risposta

Problemi correlati