Gatsby Theme ThePuzzlers Core
The foundation theme for ThePuzzlers.
Getting Started
- Install the gatsby theme
$ yarn add gatsby-theme-thepuzzlers-core
- Add to list of plugins in the gatsby-config file
module.exports = {
plugins: ['gatsby-theme-thepuzzlers-core']
}
Theme Options
Option | Value | Description | Required |
---|---|---|---|
assetsPath | String | Default path is "src/assets", determines where the page assets like images are | No |
What's Included
Gatsby Pieces
-
SEO
-
GatsbyLink
-
GatsbyImage
-
NavigationLink
Custom Hooks
-
useSiteMetadata
-
useLocalizePath
How To Customize For Your Own Use
How To Extend Theme
Inside src/gatsby-plugin-theme-ui/index.js
import { merge } from 'theme-ui';
import { BaseTheme } from 'gatsby-theme-thepuzzlers-core';
const theme = merge(BaseTheme, {
// Site theme here
});
export default theme;
How To Change The Favicon & Thumbnail
- Move your favicon file, inside your assetsPath named favicon.png
- Move your thumbnail file, inside your assetsPath named thumbnail.png