Skip to content
Branch: master
Find file History


The Gatsby notes theme

A Gatsby theme for publishing notes to your website.


Use the notes theme starter

This will generate a new site that pre-configures use of the notes theme.

gatsby new my-themed-notes

Manually add to your site

npm install --save gatsby-theme-notes


// gatsby-config.js
module.exports = {
  plugins: [
      resolve: `gatsby-theme-notes`,
      options: {
        // basePath defaults to `/`
        basePath: `/notes`,


Key Default value Description
basePath / Root url for all notes pages
contentPath /content/notes Location of notes content
mdx true Configure gatsby-plugin-mdx (if your website already is using the plugin pass false to turn this off)
homeText ~ Root text for notes breadcrumb trail
breadcrumbSeparator / Separator for the breadcrumb trail
You can’t perform that action at this time.