astro theme stone Download - astro theme stone ซอร์สโค้ดดาวน์โหลด

astro theme stone

ข้อมูลเว็บไซต์

1.0.0

ดาวน์โหลด

หิน: ธีม Astro

Stone เป็นธีม Astro ฟรีและโอเพ่นซอร์สที่ออกแบบมาเป็นพิเศษสำหรับธุรกิจการตลาดการตลาด SaaS และเว็บไซต์เริ่มต้น

คุณสมบัติที่สำคัญ:

สร้างด้วย tailwind css & alpine.js
5+ หน้า
15+ ส่วน
การออกแบบที่สะอาดและทันสมัย
ตอบสนองอย่างเต็มที่
โหมดมืดและแสง
เร็วและนักแสดง
น้ำหนักเบาสุด ๆ
ดูการเปลี่ยนแปลง (ทดลอง)
รูปแบบรหัส ที่สวยงาม
Google Fonts
ไอคอนรีมิกซ์
อัปเดตฟรี

เริ่มต้น

ความต้องการ

ความรู้พื้นฐานของ Astro, HTML และ CSS
ตัวแก้ไขข้อความ (เราขอแนะนำ Visual Studio Code)
Node.js 18 หรือสูงกว่า

ติดตั้งการพึ่งพา

นำทางไปยังโฟลเดอร์โครงการของคุณและติดตั้งการอ้างอิง:

 npm install

เริ่ม

เมื่อการติดตั้งเสร็จสิ้นคุณสามารถเรียกใช้แอปของคุณได้แล้ว:

 npm run dev

สิ่งนี้เรียกใช้แอพในโหมดการพัฒนา เปิด http: // localhost: 3000 เพื่อดูในเบราว์เซอร์

สร้าง

 npm run build

สิ่งนี้จะสร้างแอพสำหรับการผลิตไปยัง ./dist/ โฟลเดอร์

โครงสร้างโครงการ

ภายในโครงการคุณจะเห็นโฟลเดอร์และไฟล์ต่อไปนี้:

 /
├── public/
├── src/
│   ├── components/
│   ├── layouts/
│   └── pages/
├── .prettierrc
├── astro.config.mjs
├── package-lock.json
├── package.json
├── README.md
├── tailwind.config.cjs
└── tsconfig.json

public/* - สินทรัพย์คงที่ใด ๆ (รูปภาพ, แบบอักษร, ไอคอน, ... )
src/* - ซอร์สโค้ดโครงการ (ส่วนประกอบ, หน้า, ... )
src/components/* - ส่วนประกอบ Astro ที่ใช้ซ้ำได้ที่ใช้ในการสร้างหน้า
src/layouts/* - ส่วนประกอบ Astro ที่กำหนดโครงสร้าง UI ที่ใช้ร่วมกันโดยหนึ่งหน้าขึ้นไป ..
src/pages/* - ส่วนประกอบ Astro ที่ใช้ในการสร้างหน้าใหม่ในเว็บไซต์ของคุณ แต่ละหน้าจะถูกเปิดเผยเป็นเส้นทางตามชื่อไฟล์
.prettierrc - ไฟล์การกำหนดค่าที่สวยงาม
astro.config.mjs - ไฟล์การกำหนดค่า Astro
package.json - ไฟล์ที่ใช้โดยผู้จัดการแพ็คเกจ JavaScript เพื่อจัดการการพึ่งพาของคุณ นอกจากนี้ยังกำหนดสคริปต์ที่ใช้กันทั่วไปในการเรียกใช้ Astro
tailwind.config.cjs - ไฟล์การกำหนดค่า Tailwind ส่วนชุดรูปแบบคือที่ที่คุณกำหนดจานสีและฟอนต์ของคุณ
tsconfig.json - ไฟล์การกำหนดค่า TypeScript