gatsby-simple-blog

Description

A gatsbyjs starter forked from gatsby-starter-blog and applied overreacted lookings, with tags and Algolia, pagination, breadcrumbs, eslint, relative posts, disqus, i18n, eslint supported.

This project is migrated to Gatsby@v4

check the latest Gatsby@v3 version here.
check the latest Gatsby@v2 version here.

Sample pages

Github-Pages

Netlify

Gatsby Cloud

How to use

npm install -g gatsby-cli

gatsby new my-blog-folder https://github.com/thundermiracle/gatsby-simple-blog

How to deploy by Circle-CI in Medium.com

Medium.com -- Deploy Static Sites to Netlify by Circle-CI

How to add search function to a multilingual GatsbyJS site with Algolia

https://thundermiracle.medium.com/how-to-add-search-function-to-a-multilingual-gatsbyjs-site-with-algolia-4ef17af888f3

Configuration

Almost all basic configurable values are here: ./config/index.js
To enable Algolia, create a site in Algolia and copy .env.sample to .env, change all variables to real Algolia ones. You can check the tutorial here:

https://www.gatsbyjs.com/docs/adding-search-with-algolia/#configuring-the-algolia-plugin

i18n

Add [lang].js to config/locales folder
Modify supportedLanguages in config/index.js
Set site.lang in config/index.js as default language
add [filename].[lang].md to content/blog and enjoy!

Features

i18n

Display multiple language. (Only be shown when supportedLanguages > 1)

Display language link in every post. (You can disable it in config/index.js by displayTranslations: false)
overreacted design

overreacted.io lookings
Tags

Display articles in same tag.
Algolia

Search posts in same language by Algolia.
Breadcrumbs

Display breadcrumbs in header part.
Relative posts

Display previous and next posts in same tag in footer part.
Disqus

Use disqus.com to enable comment.
eslint

Enable eslint for better coding experience.
module resolver

Enable babel-module-resolver to prevent relative path hell