0.3.1 • Published 5 years ago
gatsby-theme-ui-blog v0.3.1
gatsby-theme-ui-blog
Minimal Gatsby MDX blog theme built with Theme UI. Use this as a starting point for building custom blog themes with Theme UI.
npm i gatsby-theme-ui-blog
// gatsby-config.js
module.exports = {
plugins: [
'gatsby-theme-ui-blog',
]
}
Shadowing
Shadow the following components to customize styles and page layout:
Component | Description | Props | |
---|---|---|---|
src/gatsby-theme-ui-blog/posts.js | Index page for all blog posts | { posts } | |
src/gatsby-theme-ui-blog/post.js | Full blog post article page | { title, date, children, keywords, tags } | |
src/gatsby-theme-ui-blog/layout.js | Wrapping layout component for the Post and Posts components | all page-level props |
Theming
Use gatsby-plugin-theme-ui
to override or customize the theme.
npm i gatsby-plugin-theme-ui
// gatsby-config.js
module.exports = {
plugins: [
'gatsby-theme-ui-blog',
'gatsby-plugin-theme-ui',
]
}
// shadow src/gatsby-plugin-theme-ui/index.js
import base from 'gatsby-theme-ui-blog/src/gatsby-plugin-theme-ui'
export default {
...base,
colors: {
text: 'white',
background: 'black',
primary: 'cyan',
secondary: 'magenta',
}
}
Options
This theme is based off of gatsby-theme-blog-core and uses all the same 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) |
0.4.0-alpha.3
5 years ago
0.4.0-alpha.2
5 years ago
0.4.0-alpha.1
5 years ago
0.4.0-highlight.0
5 years ago
0.4.0-alpha.0
5 years ago
0.3.1
5 years ago
0.3.0
5 years ago
0.3.0-alpha.6
5 years ago
0.3.0-alpha.5
5 years ago
0.3.0-alpha.4
5 years ago
0.3.0-alpha.3
5 years ago
0.3.0-alpha.2
5 years ago
0.3.0-alpha.1
5 years ago
0.3.0-alpha.0
6 years ago
0.2.53
6 years ago
0.2.52
6 years ago
0.2.49
6 years ago
0.2.46
6 years ago
0.2.44
6 years ago
0.2.43
6 years ago
0.2.42
6 years ago
0.2.41
6 years ago
0.2.40
6 years ago
0.2.38
6 years ago
0.2.36
6 years ago
0.2.35
6 years ago
1.0.1
6 years ago