Display Jupyter Notebooks with Academic

Learn how to blog in Academic using Jupyter notebooks

from IPython.core.display import Image
Image('https://www.python.org/static/community_logos/python-logo-master-v3-TM-flattened.png')

png

print("Welcome to Academic!")
Welcome to Academic!

Install Python and JupyterLab

Install Anacondawhich includes Python 3 and JupyterLab.

Alternatively, install JupyterLab withpip3 install jupyterlab.

Create or upload a Jupyter notebook

Run the following commands in your Terminal, substituting<MY-WEBSITE-FOLDER>and<SHORT-POST-TITLE>with the file path to your Academic website folder and a short title for your blog post (use hyphens instead of spaces), respectively:

mkdir -p <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/
cd <MY-WEBSITE-FOLDER>/content/post/<SHORT-POST-TITLE>/
jupyter lab index.ipynb

Thejupytercommand above will launch the JupyterLab editor, allowing us to add Academic metadata and write the content.

Edit your post metadata

The first cell of your Jupter notebook will contain your post metadata (front matter).

In Jupter, chooseMarkdownas the type of the first cell and wrap your Academic metadata in three dashes, indicating that it is YAML front matter:

---
title: My post's title
date: 2019-09-01

# Put any other Academic metadata here...
---

Edit the metadata of your post, using thedocumentationas a guide to the available options.

To set afeatured image, place an image namedfeaturedinto your post’s folder.

For other tips, such as using math, see the guide onwriting content with Academic.

Convert notebook to Markdown

jupyter nbconvert index.ipynb --to markdown --NbConvertApp.output_files_dir=.

Example

This post was created with Jupyter. The orginal files can be found athttps://github.com/gcushen/hugo-academic/tree/master/exampleSite/content/post/jupyter