[PYTHON] Machen Sie Jupyter Notebook zu Ihrem eigenen: Ändern Sie Hintergrund und Symbole

Dies ist mein erster Beitrag zu Qiita. Dies ist ein Artikel zum Ändern des Themas wie Hintergrund, Textfarbe und Symbol von Jupyter Notebook unter Windows. ~~ Ich möchte ein Mac-Buch ~~

Zweck

Verwenden Sie das praktische Jupyter-Notizbuch als eigene Farbe und Hintergrund.

Umgebung

• Windows 10 (sogar 7)
• Google Chrome --Anaconda3 Version 1.4.0? ~~ Vielleicht ~~
• Jupiter Notebook Version 4.1.0? ~~ Vielleicht ~~

Jupyter Notebook, nicht wahr?

Ich habe ab diesem Frühjahr 2016 ernsthaft angefangen, maschinelles Lernen zu studieren (?), Aber jetzt berühre ich Python und das Jupyter-Notizbuch aus dem praktischen IPython. wunderbar. Jupyter Notizbuch. Werden Sie jedoch nicht müde, wenn die Bildschirmfarbe weißlich ist?

~~ Ah ~ Mabushi ~~~

Als ich nach Jupyter Notebook suchte, um mit Browsersoftware (?) Zu arbeiten, stellte ich fest, dass es mit HTML oder CSS manipuliert werden könnte. Es gibt. Es funktionierte jedoch nicht mit meinem Windows. Besonders in den Notizen, in denen das Programm ausgeführt wird. Selbst wenn ich gesucht habe, scheint es, dass es nicht gelöst wurde, wenn ich Windows verwende. Daher dachte ich, dass es viele Menschen gibt, die in Schwierigkeiten sind. Deshalb habe ich beschlossen, es in Qitta zu schreiben, was erledigt wird, ohne es in ein Memo zu schreiben.

Ich weiß nicht, wo sich die CSS-Datei befindet

Sie können dies auch überprüfen, indem Sie F12 drücken <link rel="stylesheet" href="/static/notebook/css/override.css?v=31167f96aa4a3bc95ad24680a64a7ffd" type="text/css"> <link rel="stylesheet" href="/custom/custom.css" type="text/css"> Sie können so etwas wie ... ** Wo ** Nun, ich weiß nicht, wo es ist, weil ich so schwach bin ... Wenn ich das Windows-Menü durchsuche, bekomme ich einige ... ** Welche ** Ich habe es doch gefunden. ~~ Bitte lassen Sie mich wissen, was CSS was ~~ bedeutet

Spezifische Methode

~~ Leider ~~ Dies ist die Methode für Windows 7 und 10. Linux-basierte Dinge werden herauskommen, wenn Sie sie im Internet nachschlagen ...

1. Öffnen Sie zuerst den Explorer und verwenden Sie die Adressleiste oder die Befehlszeile. C: \ Users \ (Ihr Name) \ .jupyter \ custom werde gehen. Wahrscheinlich gibt es zunächst keine benutzerdefinierte Datei. Wenn nicht, erstellen Sie einen benutzerdefinierten Ordner.
2. Erstellen Sie eine CSS-Datei "custom.css" im erstellten benutzerdefinierten Ordner. Öffnen Sie custom.css und schreiben Sie das CSS, das Sie auf den Inhalt anwenden möchten. Sie können die in Jupyter Notebook verwendeten Attribute anzeigen, indem Sie Jupyter Notebook starten und in Chrome auf der Tastatur "F12" drücken.
3. Aber es ist umständlich, also machen einige Leute nette Dinge. https://github.com/nsonnad ~~ Ist es in Ordnung, ohne Erlaubnis darauf zu verlinken ... ~~ Laden Sie das gewünschte CSS von hier herunter und kopieren Sie es und fügen Sie es in die soeben erstellte CSS-Datei, die Menüseite von Jupyter Notebook, ein Kann gewechselt werden.
4. Sie können Jupyter Notebook-Code schreiben, indem Sie eine weitere Änderung an override.css vornehmen, die sich in C: \ Users \ (Ihr Name) \ Anaconda3 \ Lib \ site-packages \ notebook \ static \ notebook \ css befindet. Sie können das Erscheinungsbild der auszuführenden Seite überschreiben.

Wenn es sich immer noch nicht ändert

Es scheint, dass sich der Browser die CSS-Datei wahrscheinlich ohne Erlaubnis merkt und ich sie löschen muss. Mit Chrome

1. Klicken Sie auf die drei vertikalen Balken oben rechts (oder wie einen horizontalen Balken), um den Verlauf zu öffnen.
2. Wenn Sie auf eine Stelle wie "Browserverlaufsdaten löschen ..." klicken, werden "zwischengespeicherte Bilder und Dateien" angezeigt. Überprüfen Sie daher nur diese und löschen Sie sie.

Es kann geheilt werden, indem ein neues Jupyter-Notizbuch auf diese Weise gestartet wird.

Mein Jupyter-Notizbuch

Ich habe es so geändert. Das Hintergrundbild wurde dem CSS des Tags "body" hinzugefügt. Das Continuum Analytics-Logo fügt meinen eigenen Schwanz hinzu, um wie Uroboros auszusehen (?). Es hat mir gefallen, weil es cool war und ich es in meine eigene Farbe geändert habe (ich frage mich, ob es für den persönlichen Gebrauch ist ... Ich betrüge, indem ich eine Linie zeichne. ..). Geben Sie auch den Handle-Namen an. Bilder können auch so ersetzt werden. C: \ Users \ (Ihr Name) \ Anaconda3 \ Lib \ site-packages \ notebook \ static \ base \ images Ich denke es ist in. Das erneute Lesen von "favicon.ico" ändert sich auch nicht, es sei denn, Sie leeren den oben angegebenen Cache. Ich bin müde, wenn der Hintergrund nicht dunkel ist ...

Feines CSS für das Hintergrundbild ist angemessen. Es ist dasselbe wie beim Ändern von HTML. ~~ Verwenden Sie PyCharm! Ohne! ... gif Es funktioniert nicht oder kann nicht verwendet werden ... ~~