Zauberhaft - เทมเพลต Astro
เทมเพลตเว็บไซต์เอเจนซี่ Astro ที่รวดเร็ว ปรับแต่งได้ ทันสมัย ฟรี
สร้างเว็บไซต์พอร์ตโฟลิโอที่ทันสมัยและไม่เหมือนใครซึ่งเปลี่ยนใจเลื่อมใสด้วย Zauberhaft
ปรับแต่งเทมเพลตได้อย่างง่ายดายด้วยคลาสยูทิลิตี้และคุณสมบัติที่กำหนดเองของ CSS เริ่มต้นอย่างรวดเร็วและเพิ่มประสิทธิภาพการแสดงตัวตนบนโลกออนไลน์ของคุณด้วยเทมเพลต Zauberhaft HTML
สาธิต
ดูการสาธิต
✅ ทำไมต้อง Zauberhaft?
- - ใช้งานได้ฟรีด้วย Apache License 2.0
- - ส่วนต่อประสานผู้ใช้อันน่าทึ่ง
- - ทุกอย่างสามารถปรับแต่งได้ คุณสามารถใช้คลาสยูทิลิตี้ Ravenbright CSS หรือตัวแปร CSS เพื่อแก้ไขสไตล์ได้
- ⚡ ไซต์คงที่ที่มีประสิทธิภาพสูง 98/100 คะแนนทั้งบนมือถือและเดสก์ท็อปใน Pagespeed Insights
- ♿ เข้าถึงได้ - ปฏิบัติตาม WCAG 2.1 วัดโดย Pagespeed Insights, WAVE และ Tota11y
- - รวมอยู่กับแท็ก Open Graph
- หน้า Landing Page ที่ตอบสนองอย่างเต็มที่และเหมาะกับอุปกรณ์พกพา
- - มาพร้อมกับภาพเคลื่อนไหวที่ราบรื่น
เริ่มต้นใช้งาน
- ดาวน์โหลดซอร์สโค้ดจาก Github Releases
-
cd ลงในโฟลเดอร์ & รัน npm install - หลังจากนั้นให้รัน
npm run dev เพื่อเริ่มเซิร์ฟเวอร์การพัฒนาในเครื่อง - ปรับแต่งเว็บไซต์
- ปรับใช้กับโฮสติ้งที่คุณชื่นชอบ
- เสร็จแล้ว!
- การปรับแต่ง
Zauberhaft สร้างขึ้นด้วยไลบรารี Ravenbright CSS คุณสามารถปรับแต่งเทมเพลตได้โดยใช้:
- คลาสยูทิลิตี้
- ตัวแปรซีเอสเอส
การพัฒนา
- พิมพ์
npm run dev บน CLI - เปิด
localhost:3000 เพื่อดูเว็บไซต์
✅ขั้นตอนการสร้าง
- พิมพ์
npm run build บน CLI - รัน
npm run preview เพื่อดูผลลัพธ์ของบิลด์ ในที่สุดก็เสร็จแล้ว ?. เว็บไซต์ของคุณพร้อมที่จะปรับใช้แล้ว
☁️ปรับใช้
ปรับใช้กับ Netlify
โคลนที่เก็บนี้และปรับใช้กับ Netlify:
- เครดิตและที่มา
- เครื่องมือหลังโปรเซสเซอร์: PostCSS
- เครื่องมือกรอบงานเว็บ: Astro
- ภาพถ่ายได้รับความอนุเคราะห์จาก Unsplash
- แบบอักษร:
Satoshi โดย Indian Type Foundry - โลโก้ตัวยึดตำแหน่งได้รับความอนุเคราะห์จาก Logoipsum
- ไอคอนได้รับความอนุเคราะห์จากไอคอน Tabler และ Akar
ใบอนุญาต
เทมเพลต Zauberhaft HTML ได้รับอนุญาตภายใต้ Apache License 2.0
