Skip to main content

Export Jupyter notebooks to a Hugo compatible format

Project description

# Export Notebooks To Hugo Compatible Markdown

## Basic Installation and Use
pip install nbhugoexporter
will install the exporter. You will also need to add some shortcode definitions
to Hugo. You can customize these as you wish, but an easy way to get started is
to run the following from the root of your Hugo project:
mkdir -p layouts/shortcodes
for x in cell input; do for y in start end;
do curl -L$x\_$y.html > layouts/shortcodes/jupyter_$x\_$y.html;
done; done;

You can then run the exporter with
nbconvert path/to/nb_file.ipynb --to hugo --output-dir content/path/insert-title-here
This will create a `content/path/insert-title-here` directory with an
`` file derived from `nb_file.ipynb`. The generated metadata will include
title: Nb File
date: <last file modification time for nb_file.ipynb>
draft: True
along with any other metadata you've specified. To set metadata, go to Edit ->
Edit Notebook Metadata from within your notebook, and add
"hugo": {
"key1": value1,
with whatever keys and values you wish. The `title` value will default to the
notebook filename with snake\_case replaced by Initial Caps. All auto-generated
values (`title`, `date`, and `draft`) can be overridden in the notebook

The resulting markdown will contain the following hugo shortcodes:
{{% jupyter_cell_start <cell_type> }}
{{% jupyter_input_start }}
{{% jupyter_input_end }}
{{% jupyter_cell_end }}
in the places you'd expect. `<cell_type>` is the Jupyter cell type, e.g.,
`markdown`, `code`, etc.

You may also want to configure your CSS. In particular, the exporter currently
adds some unnecessary blank lines. These can be cleaned up with
.jupyter-cell p:empty { display: none; }

Finally, for LaTeX to render properly, you should [include the MathJax script]( on your pages.
Note that `nbconvert --to hugo` solves the [underscore problem]( with the
"tedious" solution of simply quoting all underscores in math mode. So there is
no need for the MathJax configuration script that "fixes \<code\> tags" in your
Javascript, or the custom CSS described in that post.

That's it! Happy blogging with Jupyter notebooks and Hugo.

## Acknowledgements
Shout-out to the amazing [Hugo](, and
[Jupyter]( teams for building incredible tools.

For another approach to this issue, see
[hugo-jupyter](, from [Stephan
Fitzpatrick]( This didn't fully fit my needs,
but it might fit yours.

Project details

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Files for nbhugoexporter, version 0.1.1
Filename, size File type Python version Upload date Hashes
Filename, size nbhugoexporter-0.1.1-py3-none-any.whl (8.2 kB) File type Wheel Python version py3 Upload date Hashes View
Filename, size nbhugoexporter-0.1.1.tar.gz (5.7 kB) File type Source Python version None Upload date Hashes View

Supported by

AWS AWS Cloud computing Datadog Datadog Monitoring Facebook / Instagram Facebook / Instagram PSF Sponsor Fastly Fastly CDN Google Google Object Storage and Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Salesforce Salesforce PSF Sponsor Sentry Sentry Error logging StatusPage StatusPage Status page