Visit:
https://tomthe.github.io/jupyterlite_migration/
JupyterLite deployed as a static site to GitHub Pages, for demo purposes.
➡️ https://jupyterlite.github.io/demo
JupyterLite is being tested against modern web browsers:
- Firefox 90+
- Chromium 89+
This repository provides a demonstration of how to:
- build a JupyterLite release using prebuilt JupyterLite assets that bundles a collection of pre-existing Jupyter notebooks as part of the distribution;
- deploy the release to GitHub Pages.
The process is automated using Github Actions.
You can use this repository in two main ways:
- generate a new repository from this template repository and build and deploy your own site to the corresponding Github Pages site;
- build a release from a PR made to this repository and download the release from the created GitHub Actions artifact.
Requires Github account.
To use this repository to build your own release:
- create a fork of this repository by clicking on one of the files (such as
requirements.txt
and then click on the edit button to create your own fork of the repository; - update the
requirements.txt
file as required (or just cancel the edit if you were simply forking the original repository); - remove unwanted notebooks from the
contents
directory; - upload your own notebooks intended for release to that directory;
- from the Pull Requests tab of your Github repository, make a pull request of the changes you made back to the main
jupyterlite-demo
repository.
The PR will trigger a build on the repository. Go to the Actions tab and find the build triggered by your pull request. When the build has completed, the release will be available as a generated asset.
Download the distribution/generated asset and unzip it, for example into a directory of the form jupyterlite-demo dist 46
. The directory contains your JupyterLite distribution. To run the distribution via a web browser, it needs to be served by a web server.
If you have Python installed, on the command line change directory into the the unzipped distribution folder and run the command: python -m http.server
. This will launch a web server from the directory, for example on port 8000. View the website in your browser (for example, at the web location http://localhost:8000
).
Requires Github account.
Click on "Use this template" to generate a repository of your own from this template:
From the Actions tab on your repository, ensure that workflows are enabled. When you make a commit to the main
branch, a Github Action will run to build your JupoyterLite release and deploy it to the repository's Github Pages site. By default, the Github Pages site will be found at YOUR_GITHUB_USERNAME.github.io/YOUR_REPOSITORY-NAME
. You can also check the URL from the Repository Settings
tab Pages
menu item.
Add any additional requirements as required to the requirements.txt
file.
You can do this via the Github website by selecting the requirements.txt
file, clicking to edit it, making the required changes then saving ("committing") the result to the main
branch of your repository.
Modify the contents of the contents
folder to include the notebooks you want to distribute as part of your distribution.
You can do this by clicking on the contents
directory and dragging notebooks from your desktop onto the contents listing. Wait for the files to be uploaded and then save them ("commit" them) to the main
branch of the repository.
Check that you have Github Pages enabled for your repository: from your repository Settings tab, select the Pages menu item and ensure that the source is set to gh-pages
.
When you commit a file, an updated release will be built and published on the Github Pages site. Note that it may take a few minutes for the Github Pages site to be updated. Do a hard refresh on your Github Pages site in your web browser to see the new release.
For more info, keep an eye on the JupyterLite documentation:
- Configuring: https://jupyterlite.readthedocs.io/en/latest/configuring.html
- Deploying: https://jupyterlite.readthedocs.io/en/latest/deploying.html
To change the version of the prebuilt JupyterLite assets, update the jupyterlite
package version in the requirements.txt file.
The requirements.txt
file can also be used to add extra prebuilt ("federated") JupyterLab extensions to the deployed JupyterLite website.
Commit and push any changes. The site will be deployed on the next push to the main
branch.
Create a new environment:
mamba create -n jupyterlite-demo
conda activate jupyterlite-demo
pip install -r requirements.txt
Then follow the steps documented in the Configuring section.