subtle ui

UI ที่ละเอียดอ่อน

คอลเลกชันของการโต้ตอบของผู้ใช้ที่ชาญฉลาดแต่เรียบง่ายที่พบบนเว็บ โปรเจ็กต์นี้ใช้ React เพื่อทำให้โค้ดตัวอย่างเรียบง่ายและกระชับ

วิธีการมีส่วนร่วม

1. สร้างไฟล์มาร์กดาวน์ใหม่ในโฟลเดอร์ content ตัวอย่างเช่น my-cool-example.md
2. เพิ่มแอตทริบิวต์เรื่องหน้าต่อไปนี้:

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

3. เพิ่มโค้ดตัวอย่างและเนื้อหาที่เกี่ยวข้องโดยใช้ไวยากรณ์มาร์กดาวน์
4. ส่งคำขอดึงด้วยไฟล์มาร์กดาวน์ใหม่
5. เมื่อรวมเข้ากับเว็บไซต์ master เว็บไซต์จะปรับใช้กับ https://subtle-ui.netlify.com โดยอัตโนมัติ -

หมายเหตุสำคัญ: โปรเจ็กต์นี้ใช้ส่วนประกอบที่กำหนดเองเพื่อแสดงบล็อกโค้ดมาร์กดาวน์เป็นโค้ดที่ใช้งานจริงรวมถึงการดูตัวอย่าง มีลักษณะเฉพาะบางประการที่ควรทราบ:

• บล็อกโค้ดได้รับการกำหนดค่าด้วย React และ Styled Components ที่อยู่ในขอบเขตแล้ว
• บล็อกโค้ดควรเขียนเป็นโค้ดที่จำเป็น และคุณต้องเรียกใช้ render โดยมีองค์ประกอบ JSX อยู่ที่ด้านล่าง
• คุณสามารถใช้ไวยากรณ์ ES6 ได้หากต้องการ เนื่องจากโค้ดถูกแปลงผ่าน Babel
• ในขณะนี้ยังไม่มีวิธีนำเข้าไลบรารีภายนอกอื่นๆ หากคุณมีคำถามหรือต้องการฟังก์ชันเพิ่มเติม โปรดแจ้งปัญหา

การพัฒนา

yarn develop - ดูเวอร์ชันท้องถิ่นของเว็บไซต์ที่ http://localhost:8000

yarn build && yarn serve - ดูเวอร์ชันที่ใช้งานจริงของเว็บไซต์ที่ http://localhost:9000