subtle ui

微妙的用户界面

在网络上发现的巧妙但低调的用户交互的集合。该项目使用 React 来保持示例代码简单明了。

如何贡献

1. 在content文件夹中创建一个新的 Markdown 文件。例如my-cool-example.md 。
2. 添加以下 Front Matter 属性：

 title: My Cool Example
date: 2019-09-24
author: John Doe
github: johndoe123

3. 使用 Markdown 语法添加示例代码和相关内容。
4. 使用新的 Markdown 文件提交拉取请求。
5. 合并到master后，网站将自动部署到 https://subtle-ui.netlify.com。 ？

重要提示：该项目使用自定义组件将 Markdown 代码块呈现为实时代码（包括预览）。有一些独特的特征需要注意：

• 代码块配置了范围内已有的 React 和 Styled Components。
• 代码块应编写为命令式代码，并且您需要使用底部的 JSX 元素调用render 。
• 如果需要，您可以使用 ES6 语法，因为代码是通过 Babel 转译的。
• 这时候就没有办法导入其他外部库了。如果您有任何疑问或需要其他功能，请提出问题。

发展

yarn develop - 在 http://localhost:8000 上查看网站的本地版本

yarn build && yarn serve - 在 http://localhost:9000 上查看网站的生产版本