Gatsby Theme Jumpalottahigh Blog

See the live demo

Main Features

• Blog with markdown files (mdx)
• Auto generated categories and tags from frontmatter
• Sidenav transforms into a Floating Action Button in mobile
• Accept feedback event from readers into your Google Analytics
• Accept additional reader questions via Netlify Forms
• TinyLetter based subscription form

Installation

To use this theme in your Gatsby sites, follow these instructions:

1. Install the theme

   yarn add gatsby-theme-jumpalottahigh-blog
   # OR:
   # npm install --save gatsby-theme-jumpalottahigh-blog

2. Add the theme to your gatsby-config.js:

   module.exports = {
     plugins: ['gatsby-theme-jumpalottahigh-blog'],
   }

3. Start your site

   gatsby develop

Customization

You can shadow any component from the theme and overwrite it as much as you like.

Here are some of the items you should consider customizing:

1. Customize config.js in your projects root. You can copy the same file from the theme to your project and change the values in it to overwrite the defaults.

2. Overwrite default-ogimage.png and logo.png in the /static directory with your own.

Coming Soon…

There are some known issues with this theme, so I wouldn’t deem it production ready. It’s still early days and I’m working on resolving said issues. Feel free to jump in if you would like to tackle something yourself.