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