winkey.me

My blog starter with Material Design for Gatsby.

The theme is designed by myself and largely based on the solarized colors. Star if you like it.

The blog posts are left alone in this repository.

Get started

Create a .env.development file in project root:

GATSBY_GITALK_CLIENT_ID=Your gitalk client id here
GATSBY_GITALK_CLIENT_SECRET=Your gitalk client secret here
GATSBY_GITALK_OWNER=Your github repo owner here
GATSBY_GITALK_ADMIN=Github repo owner and collaborators, can be seperated by ","

This provides the necessary environment variables for the project. For more information please read Gatsby Environment Variables and Gitalk Usage

And then run:

npm install
npm run filldata
npm run develop

Deploy

You can provide those environment variables by exporting them in the static site hosts, or create a .env.production file just like .env.development.

Then run this command to build the project:

npm run filldata && gatsby build

Last, follow this guide to depoly.

Thanks

Gatsby

Material UI

Styled Components

Gitalk