Gatsby Theme Replica

Because we love octocat! :two_hearts:

This theme is still in a very early stage, issues & Contributions are welcome!

Quick Start

Please use yarn as there is no npm.lock yet

To get a stable version

yarn add gatsby-theme-replica

or to get the latest preview version

yarn add gatsby-theme-replica@next

gatsby-config.js

Add gatsby-theme-replica into plugin

module.exports = {
  plugins: [
    {
      resolve: 'gatsby-theme-replica',
      options: {
        contentPath: 'content', // folder of your post source
      },
    },
  ],
};

siteMetadata

Please refer to gatsby-config

Posts

README

Create a README.md under your post source folder, the content will appear at the blog's homepage just like github's username/username/README.md does.

Frontmatter of post.md

• date: You may need to specify your timezone explicitly to get the calendar and date right.
  • valid format: https://yaml.org/type/timestamp.html
• tags: must be an array
• category: string

title: This is a title
date: 2020-12-01 18:46:26 +8
tags: [promise]
category: JS

3rd Party Code & iframe

Links from jsfiddle, gist will be converted to iframe block automatically. Example

js fiddle

https://jsfiddle.net/HiiTea/ac2j48Ln/3/embedded/result,html,css

gist block

https://gist.github.com/sabrinaluo/1990a3f5ab6df31b8b82e41a4a399505

Plugins

Disqus

Add disqus config into gatsby-config.js to enable disqus plugin. It appears at the bottom of post page when enabled.