gatsby-theme-replica's Introduction

Gatsby Theme Replica

Because we love octocat! 💕

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.

gatsby-theme-replica's People

Stargazers

Watchers

gatsby-theme-replica's Issues

markdown 子标题自动定位的问题

hello，我引入你的 gatsby-theme-replica 主题， url link 和 markdown 子标题没有联动。

我测试了你的 tech 仓库代码，也是没联动的，但是我看你的 blog 是有的

麻烦作者有空修复下 😁

GraphQL error

ERROR #85901 GRAPHQL

There was an error in your GraphQL query:

Expected type MdxFieldsEnum, found frontmatter___tags. Did you mean the enum value frontmatter___date,
frontmatter___title, or frontmatter___description?

File: node_modules\gatsby-theme-replica\gatsby-node.js:54:24

ERROR #85901 GRAPHQL

There was an error in your GraphQL query:

Expected type MdxFieldsEnum, found frontmatter___category. Did you mean the enum value frontmatter___date,
frontmatter___title, or frontmatter___description?

File: node_modules\gatsby-theme-replica\gatsby-node.js:54:24

ERROR

error loading events Expected type MdxFieldsEnum, found frontmatter___tags. Did you mean the enum value
frontmatter___date, frontmatter___title, or frontmatter___description?

GraphQLError: Expected type MdxFieldsEnum, found frontmatter___tags. Did you mean the enum value frontmatter___date, f
rontmatter___title, or frontmatter___description?

Recommend Projects

sabrinaluo / gatsby-theme-replica Goto Github PK