Jupyter Notebook ist eine Ausführungsumgebung für Python-Programme (die heutzutage in anderen Sprachen wie R verfügbar zu sein scheint) und ermöglicht es Ihnen, Programme, ihre Ausführungsergebnisse und Dokumente in einer zu kombinieren. Insbesondere bei der grafischen Darstellung von Daten mit matplotlib ist es sehr praktisch, die grafische Darstellung des Programms und seines Ausführungsergebnisses sowie die Kommentare für diese gemeinsam verwalten zu können. Weitere Informationen zu Jupyter Notebook finden Sie auf der nächsten Seite.
Sie können die Jupyter Notebook-Dokumentation auf Gist veröffentlichen, möchten sie jedoch möglicherweise weiterhin in Ihr Blog oder auf Ihre eigene Website einfügen. Ich habe untersucht, wie Jupyter Notebook-Dokumente eingefügt werden, wenn ein Blog oder eine Website von Wordpress verwaltet wird, daher werde ich es zusammenfassen.
Ich habe im Web gesucht und es scheint, dass es mehrere Methoden gibt.
Methode 1. Konvertieren Sie die IPynb-Datei mit nbconvert in eine HTML-Datei und geben Sie sie in Wordpress ein Methode 2. Fügen Sie das, was Sie in Gist veröffentlicht haben, in Wordpress ein Methode 3. Geben Sie die HTML-Datei mit Jupyter Notebook aus und fügen Sie sie mit iframe ein
Der einfache Weg ist das Einfügen des in Methode 2 Gist veröffentlichten. Da es in den Frame eingefügt wird, gibt es kein Problem mit kurzen Programmen, aber es fühlt sich eng an, wenn ein Dokument mit einer bestimmten Länge eingefügt wird, das in Jupyter Notebook geschrieben wurde. Methode 3 wird ebenfalls in den Frame eingefügt, es ist also dasselbe.
Methode 1 wird beispielsweise in "WordPress-Blogging mit Jupyter-Notizbuch in fünf einfachen Schritten" eingeführt. Ich bin. Es erfordert viel Arbeit, aber es ist schön, die Seite anzeigen zu können, auf der das Jupyter-Notizbuch eingefügt und die Seite direkt mit Wordpress im selben Stil erstellt wurde.
Dies ist eine konkrete Methode.
Erstellen Sie Inhalte mit Jupyter Notebook und speichern Sie sie Sie haben eine .ipynb-Datei.
Konvertieren Sie mit nbconvert in eine HTML-Datei
$ jupyter nbconvert --to html --Vorlage grundlegend Erstellte Datei.ipynb
Fügen Sie die erstellte HTML-Datei in den Wordpress-Textbildschirm ein
Fügen Sie der Wordpress-CSS-Datei das zuletzt angezeigte CSS hinzu
Dieses CSS finden Sie im oben genannten "WordPress-Blogging mit Jupyter-Notizbuch in fünf einfachen Schritten". Es ist eine Sache. Im Original habe ich Farben für .s und .s1 angegeben, aber da .s1 an anderer Stelle in meiner Umgebung verwendet wurde, habe ich beschlossen, sie hier nicht anzugeben.
Eine der Seiten, die mit der hier vorgestellten Methode erstellt wurden, ist die nächste Seite.
Ich habe ein Python-Programm, ein Diagramm von matplotlib und ein Erklärungsdokument in Jupyter Notebook geschrieben und in Wordpress eingefügt, konnte es jedoch im gleichen Stil wie andere Dokumentseiten schreiben.
/************** Jupyter Notebook CSS ************************/
.input_prompt {
color: #0066cc;
}
.output_prompt{
color:#cc0000;
}
.prompt{
font-family: monospace;
font-size: 14px;
}
.c, c1 {
color: #408080;
font-style: italic;
}
.k {
color: #338822;
font-weight: bold;
}
.kn {
color: #338822;
font-weight: bold;
}
.mi {
color: #008800;
}
.mf {
color: #008800;
}
.o {
color: #9966ff;
}
.ow {
color: #BA22FF;
font-weight: bold;
}
.nb {
color: #338822;
}
.n {
color: #000000;
}
.s {
color: #cc2222;
}
.se {
color: #cc2222;
font-weight: bold;
}
.si {
color: #C06688;
font-weight: bold;
}
.nn {
color: #4D00FF;
font-weight: bold;
}
.output_area pre {
background-color: #FFFFFF;
padding-left: 5%;
}
.code_cell {
padding-left: 1%;
}
.cell {
margin-top: 10px;
margin-bottom: 10px;
}
br {
line-height: 2;
}
.cell h1, h2, h3, h4 {
margin-top: 30px;
margin-bottom: 10px;
}
/************** Jupyter Notebook CSS ************************/
Recommended Posts