Wie ändern reveal.js schieben Sie die Einstellungen in einem ipython/jupyter notebook

Schreibe ich reveal.js Dias mit den jupyter/iPython notebook. Ich möchte ändern einige der Standardeinstellungen eine einfache Möglichkeit. Dinge, die ich bereits geschafft (falls es jemandem hilft)

1. Ändern Sie das Thema

Ändern Sie das Design, indem Sie hinzufügen einer raw-Zelle mit

<link rel="stylesheet" href="reveal.js/css/theme/sky.css" id="theme">

2. Ändern der reveal.js Konfiguration

Das problem mit nbconvert ist, dass es lädt reveal.js nach all der Zelle syntax, so dass nur die Zugabe der <script>Reveal.configure(...)</script> in der gleichen Weise funktioniert nicht (Reveal noch unbekannt). Die Lösung ist, um sicherzustellen, dass der code ausgeführt wird, nachdem das Dokument geladen wurde:

<script type="text/javascript">

$(document).ready(function(){

    Reveal.configure({
        transition: 'convex' //none/fade/slide/convex/concave/zoom
    })
});    
</script>

3. Ändern Sie andere Dinge, die

Dies ist, wo ich fail:

Wie kann ich das Verhalten von Fragmenten, oder den hintergrund einer bestimmten Folie?

  • wo werden Sie das hinzufügen des Skripts(die änderung ist der übergang) erwähnt in der zweiten ?
  • Sie fügen Sie ihn in eine Zelle und machen es der Typ "Raw NBConvert". Aber Schritt 2 nicht die Arbeit mit dem neuen Jupyter version 4.2.1 für mich.
InformationsquelleAutor John Smith | 2015-10-02
  1. 6

    Vielleicht ist das ein bisschen spät:

    Obwohl einige von Ihnen nicht arbeiten, aber ich fand einen anderen Beitrag vom selben blog erwähnt: Anpassen Ihres IPython Folien, könnte das sein, was Ihr bittet .

    Brauch ist.css funktioniert immer noch für mich (mit Jupyter 4 und Revealjs 3.0.0). legen Sie einfach die Gewohnheit.css-Datei im selben Verzeichnis, wo Ihre .html ist.

    die schriftart zu ändern (denken Sie an die '.offenbaren'): 

    .reveal p {
font-family: 'Raleway', sans-serif;
color: #2d28cc;
}

    einen hintergrund hinzuzufügen (aber der hintergrund die Farben aus dem Thema verschwinden wird, vielleicht brauchen Sie mehr css-tweak):

    body {
  background: url(logo.png)
  no-repeat
  left center;
padding: 5px 0 5px 25px;
}

    hinzufügen, um Dinge zu bestimmten Folien, würde ich die Verwendung einer benutzerdefinierten div, z.B.:

    div.footer {
font-size:14pt;
font-style: italic;
color: #4aaeee;
text-align: center
}

    dann fügen Sie diese an die jupyter Zelle:

    <div id="footer">...</div>

    hoffe, das hilft~

    InformationsquelleAutor Benny Chin
  2. 1

    Ändern Sie das Allgemeine Thema oder den übergängen nach diesem blog-post: http://www.damian.oquanta.info/posts/change-the-ipython-slides-defaults-with-an-ipython-config-file.html

    Die grundlegende Idee ist, erstellen Sie einen config-Datei slides_config.py irgendwo (d.h. im gleichen Ordner wie Ihre Folien):

    c = get_config()
c.Exporter.template_file = 'default_transition'

    Dann erstellen Sie eine andere template-Datei default_transition.tpl:

    {%- extends 'slides_reveal.tpl' -%}


{% block body %}

{{ super() }}

<script>

Reveal.initialize({

    //Display controls in the bottom right corner
    //controls: true,

    //Display a presentation progress bar
    //progress: true,

    //Push each slide change to the browser history
    //history: false,

    //Enable keyboard shortcuts for navigation
    //keyboard: true,

    //Enable touch events for navigation
    //touch: true,

    //Enable the slide overview mode
    //overview: true,

    //Vertical centering of slides
    //center: true,

    //Loop the presentation
    //loop: false,

    //Change the presentation direction to be RTL
    //rtl: false,

    //Number of milliseconds between automatically proceeding to the
    //next slide, disabled when set to 0, this value can be overwritten
    //by using a data-autoslide attribute on your slides
    //autoSlide: 0,

    //Enable slide navigation via mouse wheel
    //mouseWheel: false,

    //Transition style
    transition: 'concave', //default/cube/page/concave/zoom/linear/fade/none

    //Transition speed
    //transitionSpeed: 'default', //default/fast/slow

    //Transition style for full page backgrounds
    //backgroundTransition: 'default', //default/linear/none

    //Theme
    theme: 'sky' //available themes are in /css/theme

});

</script>

{% endblock body %}

    Darüber hinaus, wenn Sie ändern möchten, ein paar CSS-details, können Sie erstellen Sie eine benutzerdefinierte CSS-Datei custom.css und fügen Sie Ihre gewünschten Inhalte dort.

    Benutzerdefinierten CSS-Datei wird automatisch geladen.

    • Das blog, das Sie verwiesen haben, ist sehr alt. Jetzt ist es zu konvertieren mit dem Befehl Jupyter nbconvert Diashow.ipynb --Folien --post dienen ich weiß immer noch nicht, wie man das logo auf jeder Folie.
    • in der Tat, die Lösung in den blog funktioniert nicht mehr und es ist schwer zu finden eine andere Lösung für die Präsentation ändern Sie die default-Parameter
    InformationsquelleAutor Lukas
Schreibe einen Kommentar