สร้างเว็บไซต์เร็วและทันสมัยด้วย astro !!
สูตรอาหาร :
โหราศาสตร์
บูตสแตรปใหม่
เคลื่อนไหว
เอกสารประกอบ : https://www.hockeycomputindo.com/2022/03/astro-website-template-free-download.html
สาธิต : https://astroboyweb.netlify.app/
หน้าแรก : https://astroman.vercel.app/
วิดีโอ : https://www.youtube.com/watch?v=PjAUuI21ko4
อะไรใหม่??
หน้าจอสแปลช
รวมภาพเคลื่อนไหวแบบเต็ม
git clone https://github.com/mesinkasir/astroweb.git
นักบินอวกาศผู้ช่ำชอง? ลบไฟล์นี้ มีความสุข!
คุณสมบัติ:
✅ การตั้งค่าที่เป็นมิตรกับ SEO พร้อม Canonical URL และข้อมูล OpenGraph
✅ รองรับ Markdown เต็มรูปแบบ
✅ รุ่น RSS 2.0
✅ การสร้าง Sitemap.xml
ภายในโปรเจ็กต์ Astro ของคุณ คุณจะเห็นโฟลเดอร์และไฟล์ต่อไปนี้:
/ ├── public/ │ ├── robots.txt │ └── favicon.ico ├── src/ │ ├── components/ │ │ └── Tour.astro │ └── pages/ │ └── index.astro └── package.json
Astro ค้นหาไฟล์ .astro
หรือ .md
ในไดเร็กทอรี src/pages/
แต่ละหน้าจะแสดงเป็นเส้นทางตามชื่อไฟล์
ไม่มีอะไรพิเศษเกี่ยวกับ src/components/
แต่นั่นคือสิ่งที่เราต้องการใส่ส่วนประกอบ Astro/React/Vue/Svelte/Preact
เนื้อหาคงที่ใดๆ เช่น รูปภาพ สามารถวางไว้ในไดเร็กทอรี public/
ได้
คำสั่งทั้งหมดถูกรันจากรูทของโปรเจ็กต์ จากเทอร์มินัล:
สั่งการ | การกระทำ |
---|---|
npm install | ติดตั้งการพึ่งพา |
npm run dev | เริ่มเซิร์ฟเวอร์ dev ภายในเครื่องที่ localhost:3000 |
npm run build | สร้างไซต์การผลิตของคุณเป็น ./dist/ |
npm run preview | ดูตัวอย่างงานสร้างของคุณภายในเครื่องก่อนที่จะปรับใช้ |
โปรดตรวจสอบเอกสารของเราหรือกระโดดเข้าสู่เซิร์ฟเวอร์ Discord ของเรา