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

請參閱許可證以獲取更多資訊。