styled components website

styled-components.com

styled-components網站。由Next.js，preact和（當然）樣式組件建造！

貢獻

非常感謝您想為網站做出貢獻！我們真的可以用一隻手使它成為最好的，請查看有關該怎麼做的一些想法的問題。

如果您從未使用過此存儲庫中使用的技術，則這裡有一些可能會有所幫助的鏈接：

• 學習Next.js
• next.js文檔
• 樣式組件文檔（這個網站！）

本地運行

要在本地開發網站，您將需要運行開發服務器：

 # Download the repo
git clone https://github.com/styled-components/styled-components-website
# Enter the repo
cd styled-components-website
# Install the dependencies
yarn install
# Start local development
yarn dev

注意：這需要在本地設置node.js和紗線，有關更多信息，請參見Nodejs.org。

更新視覺差異

如果您添加新部分或對網站進行重大更改，則可能會觸發圖像比較差異快照失敗。這些可以通過：

yarn test -u

文件夾結構

這就是每個文件夾與：

styled-components-website
├── components/  # Shared components
├── pages/       # The actual pages, mostly containing layout; the directory directly correlates to the URL. (e.g. pages/docs/basics.js === styled-components.com/docs/basics)
├── sections/    # The content, written in Markdown
├── public/      # Assets
├── test/        # Tests
├── utils/       # Various utilities use across the site
└── vendor/      # Cached dependencies