astro sphere
v1.0.1
✅ ประสิทธิภาพประภาคาร 100/100
✅ตอบสนอง
✅สามารถเข้าถึงได้
✅เป็นมิตรกับ SEO
✅ประเภทเซฟ
✅สไตล์มินิมอล
✅ ธีมสว่าง/มืด
✅ UI แบบเคลื่อนไหว
✅ ทรงท้ายลม
✅ แผนผังเว็บไซต์ที่สร้างอัตโนมัติ
✅ ฟีด RSS ที่สร้างอัตโนมัติ
✅ รองรับมาร์กดาวน์
✅ รองรับ MDX (ส่วนประกอบในมาร์กดาวน์ของคุณ)
✅ เนื้อหาที่ค้นหาได้ (โพสต์และโครงการ)
ทุกหน้ามีขนาดไม่เกิน 100kb (รวมแบบอักษร)
แสดงผลใน ~ 40ms บน localhost
โพสต์ในบล็อกในการสาธิตทำหน้าที่เป็นเอกสารและการกำหนดค่า
คำสั่งทั้งหมดถูกรันจากรูทของโปรเจ็กต์ จากเทอร์มินัล:
แทนที่ npm ด้วยตัวจัดการแพ็คเกจที่คุณเลือก npm , pnpm , yarn , bun ฯลฯ
| สั่งการ | การกระทำ |
|---|---|
npm install | ติดตั้งการพึ่งพา |
npm run dev | เริ่มเซิร์ฟเวอร์ dev ในเครื่องที่ localhost:4321 |
npm run dev:network | เริ่มเซิร์ฟเวอร์ dev บนเครือข่ายท้องถิ่น |
npm run sync | สร้างประเภท TypeScript สำหรับโมดูล Astro ทั้งหมด |
npm run build | สร้างไซต์การผลิตของคุณเป็น ./dist/ |
npm run preview | ดูตัวอย่างงานสร้างของคุณภายในเครื่องก่อนที่จะปรับใช้ |
npm run preview:network | เริ่มเซิร์ฟเวอร์แสดงตัวอย่างบนเครือข่ายท้องถิ่น |
npm run astro ... | รันคำสั่ง CLI เช่น astro add , astro check |
npm run astro -- --help | รับความช่วยเหลือในการใช้ Astro CLI |
npm run lint | เรียกใช้ ESLint |
npm run lint:fix | แก้ไขปัญหา ESLint อัตโนมัติ |
คุณสมบัติบางอย่างที่ฉันวางแผนจะใช้
⬜ บล็อกโค้ด - คัดลอกไปยังคลิปบอร์ด
⬜ หน้าบทความ - สารบัญ
⬜ หน้าบทความ - แบ่งปันบนโซเชียลมีเดีย
ธีมได้รับแรงบันดาลใจจาก Paco Coursey, Lee Robinson และ Hayden Bleasel
เอ็มไอที
เพิ่มความสามารถในการรัน dev และดูตัวอย่างบนเครือข่ายท้องถิ่น เพิ่มการรัน npm dev: เครือข่าย เพิ่มการดูตัวอย่างการรัน npm: เครือข่าย
เพิ่มความหนาแน่นของอนุภาคเพิ่มขึ้นเล็กน้อยทั้งในโหมดสว่างและมืด
เพิ่มภาพเคลื่อนไหวของดาวและดาวตกในโหมดมืดอย่างละเอียด
ลบการกำหนดค่า eslint แล้ว
