gatsby theme superstylin

超级风格主题？

有风格的盖茨比主题？

什么是Superstylin？

Superstylin' 是一个 Gatsby 主题，它使用样式化组件作为设置 Gatsby 站点样式的主要方式，它提供了一个易于启动的结构，帮助您启动并运行您的第一个 Gatsby 支持的站点。

关于样式化组件

简单地说，styled-components是一种在js中添加css的方法，它的工作原理是创建一个组件并为其设置样式，然后你将得到一个styled-component，它非常简单而且非常强大。

使用样式化组件的好处

通过在 js 中使用 css，您可以获得 javascript 的强大功能，为您声明样式的方式添加更多功能，但是等等，这还不是全部！

下面是一些有趣的读物，可以进一步发现样式组件的好处。

• 样式化组件：在基于组件的系统中实施最佳实践
• 背后的魔力？样式组件

非常感谢 Glen Maddern 和 Max Stoiber 制作了样式组件？？

还要非常感谢凯尔·马修斯 (Kyle Mathews) 启动和维护盖茨比??。

JS 中的内联样式与 CSS

阅读 Max Stoiber 撰写的关于为什么 inline-styles !== css-in-js 的优秀文章。

Superstylin 的特点？

• 使用 css-in-js 和 styled-components 的魔力？
• 使用 Gatsby 内置 GraphQL 来获取和排序博客文章
• 易于定制并开始使用您自己的 Gatsby 网站
• 非常适合网站、博客或两者兼而有之
• 超级简单的项目结构，让您快速启动和运行

安装中

在你的启动器中：

$ yarn add gatsby-theme-superstylin

最后，在gatsby-config.js中添加主题：

 module . exports = {
  plugins : [ 'gatsby-theme-superstylin' ]
}

请参阅演示示例。

执照

已获得 MIT 许可，版权所有 © 2018 Enrique Benitez

请参阅许可证以获取更多信息。