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 上查看網站的生產版本