Publish Your Jupyter Notebooks Tutorial

Loading

In this tutorial you will learn how to convert your completed Jupyter Notebook into a web page with NbConvert, and customize the menu bar with Bootstrap and Pug.



First we convert the .pynb file to HTML with NBViewer.   

Then we customize the  Bootstrap menu. Bootstrap is a standard css library from Twitter. 

To generate the menu HTML we use  Pug.py or Pug.js   Pug is like Python for HTML templating.  It uses indentation to define structure.  

Throw away the ending tags, and the beginning opening brackets.  It is particularly helpful in managing 

complex menus. 

Here is a simple example of Pug. 

 

It gives you the basic idea.  Most of the class is spent learning Pug.  By the end of the class, you will be able to edit complex menubars.  Here is a bootstrap menu bar being edited with Pug.  Much much easier than trying to edit the HTML. 

Here are the class notes .   No need to install anything, all the work is done in the browser. 

 The class is held in English, by a native English speaker.   You are most welcome to ask questions in Polish.