Skip to content
Robust gatsby theme for your blog.
TypeScript JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo
theme
.gitignore
.travis.yml
LICENSE
README.md
netlify.toml
package.json
screenshot.png
yarn.lock

README.md

Gatsby theme spring Build Status npm version Netlify Status

Robust gatsby theme for your blog.

Demo

screenshot

Installation

Using yarn:

yarn add @daniel.husar/gatsby-theme-spring

Or using npm:

npm install @daniel.husar/gatsby-theme-spring

Configuration

Add plugin to you gatsby config:

module.exports = {
  siteMetadata: {
    ...
  },
  plugins: [
    {
      resolve: '@daniel.husar/gatsby-theme-spring',
      options: {
        paginationOffset: 5,
        author: 'Daniel Husar',
      },
    },
  ]
}

Plugin accepts 2 options:

  • paginationOffset (number) - number of articles per page
  • author (string) - author name for the rss feed

I recommend populating also siteMetadata with those properties:

title: 'Gatsby theme spring',
description: 'Demo of the gatsby theme spring',
keywords: 'gatsby, theme',
language: 'en',
siteUrl: 'https://gatsby-theme-spring.netlify.com/',
feed_url: 'https://gatsby-theme-spring.netlify.com/rss.xml',
image_url: 'https://gatsby-theme-spring.netlify.com/avatar.png',

Setting up

Copy your picture into scr/img/author.png.

Now you can create mdx posts inside src directory. Every post needs to have this metadata:

---
url: 'url-to-use'
date: '2019-07-30'
title: 'Title of the post'
banner: './img/hero-image.jpg'
draft: false
---
  • url - Post url
  • date - Post date
  • title - Post title
  • banner - Post banner image. To disable image set this to null.
  • draft - If post should be in draft mode.

Features

License

MIT

You can’t perform that action at this time.