ธีม Gatsby อย่างมีสไตล์ ?
Superstylin' เป็นธีม Gatsby ที่ใช้องค์ประกอบที่มีสไตล์เป็นวิธีหลักในการจัดรูปแบบไซต์ Gatsby ของคุณ โดยมีโครงสร้างการเริ่มต้นที่ง่ายดายเพื่อให้คุณพร้อมและใช้งานไซต์แรกที่ขับเคลื่อนโดย Gatsby
พูดง่ายๆ ก็คือ styled-components เป็นวิธีหนึ่งในการเพิ่ม css ของคุณใน js มันทำงานได้โดยการสร้างส่วนประกอบและจัดรูปแบบมัน จากนั้นคุณจะได้ styled-components มันเรียบง่ายและมีประสิทธิภาพมาก
ด้วยการใช้ css ใน js คุณจะได้รับพลังของ javascript ในการเพิ่มฟังก์ชันการทำงานให้กับวิธีการประกาศสไตล์ของคุณ แต่เดี๋ยวก่อน นั่นยังไม่ใช่ทั้งหมด!
ด้านล่างนี้คือข้อมูลที่น่าสนใจบางส่วนเพื่อค้นพบคุณประโยชน์ของส่วนประกอบที่มีสไตล์เพิ่มเติม
ขอขอบคุณ Glen Maddern และ Max Stoiber เป็นอย่างยิ่งสำหรับการสร้างส่วนประกอบที่มีสไตล์ ??.
ขอขอบคุณ Kyle Mathews อย่างยิ่งที่เริ่มต้นและดูแล Gatsby ??.
อ่านโพสต์ที่ยอดเยี่ยมนี้เกี่ยวกับสาเหตุที่อินไลน์สไตล์ !== css-in-js โดย Max Stoiber
ภายในสตาร์ทเตอร์ของคุณ:
$ yarn add gatsby-theme-superstylin
และสุดท้าย เพิ่มธีมใน gatsby-config.js
ของคุณ :
module . exports = {
plugins : [ 'gatsby-theme-superstylin' ]
}
ดูการสาธิตสำหรับตัวอย่าง
ได้รับอนุญาตภายใต้ใบอนุญาต MIT ลิขสิทธิ์ © 2018 Enrique Benitez
ดูใบอนุญาตสำหรับข้อมูลเพิ่มเติม