Lab 11 README
gpages
Script for the Lab: Preamble
Set up a github account
Create a Public repository called testgpages
with a README.md
and a Jekyll .gitignore
.
Download the github app and clone this repository down.
Also fork-clone/clone the repository https://github.com/rahuldave/gpages .
Open both repositories side by side in the Finder (File Manager)
Make an edit to the README.md
in testgpages
and commit and push to understand the git flow.
Web Pages, Version 1
Open a terminal from the github app for testgpages
.
Copy the notebooks
folder from gpages
into testgpages
Using that terminal, convert the notebooks to html:
jupyter nbconvert --output-dir . --to html notebooks/olives-eda.ipynb
jupyter nbconvert --output-dir . --to html notebooks/olives-model.ipynb
Copy oldondex.html
from gpages
to index.html
in testgpages
Commit and push
Go to the hithub user interface for settings and enable a website on the master
branch of testgpages
.
Go to https://username.github.io/testgpages/index.html
to see your website
Web Site Version 2
Delete the html files in the main testgpages
folder. We will generate markdown instead
From gpages
copy the _layouts
folder, index.md
, and _config.yml
.
Using the testgpages
terminal, convert the notebooks into markdown using our custom template.
jupyter nbconvert --output-dir . --to markdown --template ../gpages/_support/markdown.tpl notebooks/olives-eda.ipynb
jupyter nbconvert --output-dir . --to markdown --template ../gpages/_support/markdown.tpl notebooks/olives-model.ipynb
Add YAML preambles and some TOC frontmatter to our markdown files
python ../gpages/_support/nbmd.py olives-eda.md
python ../gpages/_support/nbmd.py olives-model.md
Edit the markdown files to add a YAML tag nav_include: 1
and nav_include: 2
respectively to the above markdown files.The 1 and 2 reflect the position on the navigation menu in the default.html
template in _layouts
.
Commit and push everything
Go to the website in a bit to check the improvements
Things for you to do
Hide some cells: see our nbconvert
template to see how to do this.
Use another theme from the github defaults
ADVANCED: use your own jekyll theme.
More Info
http://jmcglone.com/guides/github-pages/