Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub


Gatsby Theme Bear

This is a gatsby theme to generate a out-of-box blog site, which Inspired by the Bear App.



  • Tag Based article system
  • Easy to add and switch Themes, dark mode or light mode
  • mobile friendly
  • Styled with styled-component
  • markdown code highlight with remark and prismjs
  • support i18n with gatsby-plugin-react-i18next

Quick Start

Create a Gatsby Site

First of all, create a directory with react, react-dom and gatsby as devDependencies.

  "name": "project name",
  "scripts": {
    "develop": "gatsby develop",
    "build": "gatsby build",
    "serve": "gatsby serve"

Then install dependencies:

npm i react react-dom gatsby gatsby-theme-bear

Finally, create and config gatsby-config.js:

const path = require('path');

module.exports = {
  siteMetadata: {
    title: 'example',
    description: 'example description',
    author: 'name',
    githubAuthToken: 'your token',
  plugins: [{
    resolve: 'gatsby-theme-bear',
    options: {
      contentPath: path.join(__dirname, './notes/')
    } ,

Make sure that you have markdown files in your content path. Run npm run develop to develop locally.

© 2023 Gatsby, Inc.