Personnalisez Jupyter Notebook: modifiez l'arrière-plan et les icônes

Ceci est mon premier message sur Qiita. Cet article explique comment modifier le thème tel que l'arrière-plan, la couleur du texte et l'icône de Jupyter Notebook sous Windows. ~~ Je veux un livre Mac ~~

Objectif

Utilisez le bloc-notes Jupyter comme votre propre couleur et arrière-plan.

environnement

--Windows 10 (même 7)

• Google Chrome --Anaconda3 version 1.4.0? ~~ Peut-être ~~ --Jupyter Notebook version 4.1.0? ~~ Peut-être ~~

Jupyter Notebook, n'est-ce pas?

J'ai commencé à étudier sérieusement l'apprentissage automatique (?) À partir de ce printemps 2016, mais maintenant je touche Python, et je touche également le Jupyter Notebook de l'IPython pratique. magnifique. Cahier Jupyter. Cependant, ne vous fatiguez-vous pas si la couleur de l'écran est blanchâtre?

~~ Ah ~ Mabushi ~~~

Lorsque j'ai recherché Jupyter Notebook pour fonctionner avec un logiciel de navigation (?), J'ai trouvé qu'il pouvait être falsifié avec du HTML ou du CSS. Il y a. Cependant, cela ne fonctionnait pas avec mon Windows. Surtout dans les notes où le programme est exécuté. Même si j'ai cherché, il semble que cela n'ait pas été résolu si j'utilise Windows, alors j'ai pensé qu'il y avait beaucoup de gens qui avaient des problèmes, j'ai donc décidé de l'écrire dans Qitta, qui est pris en charge sans le mettre dans un mémo.

Je ne sais pas où se trouve le fichier CSS

Vous pouvez également vérifier en appuyant sur F12 <link rel="stylesheet" href="/static/notebook/css/override.css?v=31167f96aa4a3bc95ad24680a64a7ffd" type="text/css"> <link rel="stylesheet" href="/custom/custom.css" type="text/css"> Vous pouvez trouver quelque chose comme ... ** Où ** Eh bien, je ne sais pas où c'est parce que je suis si faible ... Quand je cherche dans le menu Windows, j'en trouve ... ** Lequel ** Je l'ai trouvé après tout. ~~ S'il vous plaît laissez-moi savoir ce que CSS signifie ce que ~~

Méthode spécifique

~~ Malheureusement ~~ C'est la méthode pour Windows 7 et 10. Des choses basées sur Linux sortiront si vous le recherchez sur le net ...

1. Tout d'abord, ouvrez l'Explorateur et utilisez la barre d'adresse ou la ligne de commande. C: \ Users \ (votre nom) \ .jupyter \ custom ira. Il n'y a probablement pas de personnalisation au début, alors sinon, créez un dossier personnalisé.
2. Créez un fichier css custom.css dans le dossier personnalisé créé. Ouvrez custom.css et écrivez le CSS que vous souhaitez appliquer au contenu. Vous pouvez voir les attributs utilisés dans Jupyter Notebook en démarrant Jupyter Notebook et en appuyant sur «F12» sur le clavier dans Chrome.
3. Mais c'est gênant, alors certaines personnes font de belles choses. https://github.com/nsonnad ~~ Est-il possible de créer un lien vers celui-ci sans autorisation ... ~~ Téléchargez le CSS que vous aimez à partir d'ici et copiez-le et collez-le dans le fichier CSS que vous venez de créer, la page de menu de Jupyter Notebook Peut être changé.
4. Vous pouvez écrire le code Jupyter Notebook en apportant une autre modification à override.css situé dans C: \ Users \ (votre nom) \ Anaconda3 \ Lib \ site-packages \ notebook \ static \ notebook \ css. Vous pouvez écraser l'apparence de la page à exécuter.

Si ça ne change toujours pas

Il semble que le navigateur se souvienne probablement du fichier CSS sans autorisation, et je dois le supprimer. Avec Chrome

1. Cliquez sur les trois barres verticales en haut à droite (ou comme une barre horizontale-) pour ouvrir l'historique.
2. Si vous cliquez sur un endroit comme «Effacer les données de l'historique de navigation ...», il y aura «Images et fichiers mis en cache», alors ne cochez que cela et supprimez-le.

Il peut être guéri en démarrant un nouveau Jupyter Notebook de cette manière.

Mon cahier Jupyter

Je l'ai changé comme ça. L'image d'arrière-plan a été ajoutée au CSS de la balise body. Le logo Continuum Analytics ajoute ma propre queue pour ressembler à Uroboros (?) Je l'ai aimé parce que c'était cool et je l'ai changé pour ma propre couleur (je me demande si c'est pour un usage personnel ... Je triche en traçant une ligne. ..). Incluez également le nom de la poignée. Les images peuvent également être remplacées de cette manière. C: \ Users \ (votre nom) \ Anaconda3 \ Lib \ site-packages \ notebook \ static \ base \ images Je pense que c'est en. Le fait de relire favicon.ico ne change pas non plus à moins que vous n'effaciez le cache que vous avez fait ci-dessus. Je suis fatigué si le fond n'est pas sombre ...

Un CSS fin pour l'image de fond est approprié. C'est la même chose que lors de la modification du code HTML. ~~ Utilisez PyCharm! Sans! ... gif Cela ne fonctionne pas ou \ r ne peut pas être utilisé ... ~~