gatsby_theme_unicorn
v1.0.5
Published
<p align="center"> <a href="https://www.gatsbyjs.org"> <img alt="Gatsby" src="https://user-images.githubusercontent.com/21126965/63229322-e8ac7580-c21c-11e9-8c26-4dc68808dd63.png" width="150" /> </a> </p> <h1 align="center"> The Gatsby The
Downloads
3
Maintainers
Readme
A Gatsby theme for creating a blog with awesome typography.
Installation
Use the blog theme starter
This will generate a new site that pre-configures use of the blog theme.
gatsby new my-blog https://github.com/mohanmonu777/gatsby_starter_unicorn
Manually add to your site
npm install --save gatsby_theme_unicorn
Usage
Theme options
| Key | Default value | Description |
| ------------- | ---------------- | --------------------------------------------------------------------------------------------------------- |
| basePath
| /
| Root url for all blog posts |
| contentPath
| content/posts
| Location of blog posts |
| assetPath
| content/assets
| Location of assets |
| mdx
| true
| Configure gatsby-plugin-mdx
(if your website already is using the plugin pass false
to turn this off) |
Example usage
// gatsby-config.js
module.exports = {
plugins: [
{
resolve: `gatsby_theme_unicorn`,
options: {
// basePath defaults to `/`
basePath: `/blog`,
},
},
],
}
Additional configuration
In addition to the theme options, there are a handful of items you can customize via the siteMetadata
object in your site's gatsby-config.js
// gatsby-config.js
module.exports = {
siteMetadata: {
// Used for the site title and SEO
title: `Gatsby Theme Unicorn`,
// Used to provide alt text for your avatar
author: `@mohan.tech`,
// Used for SEO
description: `My site description...`,
// Used for social links in the root footer
social: [
{
name: `Twitter`,
url: `https://twitter.com/MrNullPointer`,
},
{
name: `GitHub`,
url: `https://github.com/mohanmonu777`,
},
],
},
}