Adding and updating content
In this guide you will:
- add additional local files to your site, both Markdown
.mdand Jupyter notebooks
- link to a second project on Curvenote, to include it’s content in your website
- pull updated content from Curvenote
- customise the navigation of your site
#Add a new project within my website project
Let’s assume the local project folder has the following structure and content, in this case containing a
content/myblog subfolder that is linked to a project (also called
myblog in this example) on Curvenote.
In this case,
myblog is my “root” project and the primary project associated with my website. A folder structure like this is typical when you start with a Curvenote project.
_build/* public/ logo.svg content/blog images/ DOHMeg040aVXqR51yjBy-v1.jpg _toc.yml welcome.md my-first-post.md my-first.notebook.ipynb curvenote.yml
The corresponding website looks like this:
🛠️ To add additional projects to your root project, run
> curvenote clone ? Link to Curvenote project: (https://curvenote.com/@templates/curvespace)
🛠️ Next, choose the name of the local sub-folder where content for this project will be placed, the default location is based on the project name and is usually a good choice.
? Link to Curvenote project: https://curvenote.com/@stevejpurves/geoscience/phase-and-the-hilbert-transform Validating link... 🚀 Found "geoscience" (@stevejpurves/geoscience) ? Name of local folder to sync to? (content/geoscience)
Next, the content for the projects you just cloned will be pulled to your local file system, you can also do this later with
This command may take some time depending on how much content is in your project, but it will create local copies of all
Articles (as markdown files
.ipynb files) and linked content such as images and citations.
Content successfully added 🎉
The local folder structure will have been expanded with the additional content and configuration files, to be something like this:
_build/* public/ logo.svg content/ blog/ curvenote.yml welome.md ... geoscience/ curvenote.yml paper.md ... another-project/ curvenote.yml notebook.ipynb ... curvenote.yml
curvenote start to see the site expanded with new content. In the example below, we actually added two new projects, each of which appears as new items in the Navigation on top of the site, and each of which has its own Table of Contents on the left-hand side when navigated to.
Now that you have linked projects contributing content to your website, you will need to pull updates from Curvenote check the next section on
pulling updated content. When projects are added it’s often necessary to tweak the wording and layout of the navigation elements, check the section
Customizing Navigation for how to achieve that.
#Pulling updated content
Pulling updates from Curvenote is achieved using the
curvenote pull command and will replace all local content with updated content from Curvenote.
🛠️ In the root of the local folder, run
curvenote pull ? Pulling content will overwrite all content in folders. Are you sure? (y/N)
This command will pull content for all projects in one go. To pull updated content for a single project add the local content path to the command e.g.
curvenote pull content/myblog
curvenote pull content/myblog ? Pulling will overwrite all content in content/myblog. Are you sure? Yes Pulling content/myblog from "myblog" (@stevejpurves/myblog) 🚀 Pulled content/myblog in 3.54 s
When projects are added to your site, the
curvenote.yml file in the root folder is updated to contain the linking information for each project. When projects are added titles are generated based on project names. The
curvenote.yml file for the example site we’ve shown here is:
version: 1 site: title: My Blog domains: - stevejpurves.curve.space logo: public/logo.svg logoText: My Blog twitter: stevejpurves nav: - title: Blog url: /myblog - title: geoscience url: /geoscience - title: Computational Finance url: /computational-finance projects: - path: content/myblog slug: myblog - path: content/geoscience slug: geoscience - path: content/computational-finance slug: computational-finance actions: - title: Learn More url: https://curvenote.com/docs/web
🛠️ Update the strings in any of the
title fields to change the text that appears on your site, in the banner, Navigation and at the top of the Table of Contents for each section.
When we added projects to our site, they were automatically added as individual items in the Navigation bar.
Alternatively, projects can be grouped together, which can be helpful to manage space on the Navigation bar when there is a lot of linked content and organise similar content together. To do this change the
nav section in the
curvenote.yml file from:
nav: - title: Blog url: /myblog - title: geoscience url: /geoscience - title: Computational Finance url: /computational-finance
nav: - title: Blog url: /myblog - title: Research children: - title: geoscience url: /geoscience - title: Computational Finance url: /computational-finance
This results in a new Navigation layout like this:
Find out more about customization in Navigation & actions .
#Add new local files to a project
To add additional files we need to locate the
_toc.yml file in the folder beside the content and update it. In this case, this is located at
_toc.yml for this project we see:
# Table of contents # Learn more at https://jupyterbook.org/customize/toc.html format: jb-book root: welcome chapters: - file: my-first-post - file: my-first-notebook
To add additional files, or change the ordering of files whether these be
ipynb we can simply extend this list.
# Table of contents # Learn more at https://jupyterbook.org/customize/toc.html format: jb-book root: welcome chapters: - file: my-first-post - file: my-first-notebook - file: my-second-post - file: my-second-notebook
See https://jupyterbook.org/customize/toc.html to learn how to further structure the table of contents.