astro sphere
v1.0.1
✅ 100/100 등대 성능
✅ 반응형
✅ 접근 가능
✅ SEO 친화적
✅ 형식 안전
✅ 미니멀 스타일
✅ 밝은/어두운 테마
✅ 애니메이션 UI
✅ 순풍 스타일링
✅ 자동 생성된 사이트맵
✅ 자동 생성된 RSS 피드
✅ 마크다운 지원
✅ MDX 지원(마크다운의 구성 요소)
✅ 검색 가능한 콘텐츠(게시물 및 프로젝트)
100kb 미만의 모든 페이지(글꼴 포함)
로컬호스트에서 ~40ms 안에 렌더링됨
데모의 블로그 게시물은 문서화 및 구성 역할을 합니다.
모든 명령은 프로젝트 루트, 터미널에서 실행됩니다.
npm을 선택한 패키지 관리자로 바꾸세요. npm , pnpm , yarn , bun 등
| 명령 | 행동 |
|---|---|
npm install | 종속성을 설치합니다. |
npm run dev | localhost:4321 에서 로컬 개발 서버를 시작합니다. |
npm run dev:network | 로컬 네트워크에서 개발 서버를 시작합니다. |
npm run sync | 모든 Astro 모듈에 대한 TypeScript 유형을 생성합니다. |
npm run build | 프로덕션 사이트를 ./dist/ 로 구축하세요. |
npm run preview | 배포하기 전에 로컬에서 빌드 미리보기 |
npm run preview:network | 로컬 네트워크에서 미리보기 서버를 시작합니다. |
npm run astro ... | astro add , astro check 같은 CLI 명령 실행 |
npm run astro -- --help | Astro CLI를 사용하여 도움 받기 |
npm run lint | ESLint 실행 |
npm run lint:fix | ESLint 문제 자동 수정 |
구현하려는 몇 가지 기능
⬜ 코드 블록 - 클립보드에 복사
⬜ 기사 페이지 - 목차
⬜ 기사 페이지 - 소셜 미디어에 공유
Paco Coursey, Lee Robinson 및 Hayden Bleasel에서 영감을 받은 테마
MIT
로컬 네트워크에서 개발을 실행하고 미리 볼 수 있는 기능이 추가되었습니다. npm 실행 dev:네트워크 추가됨 npm 실행 미리보기:네트워크 추가됨
밝은 모드와 어두운 모드 모두에서 입자 밀도를 약간 더 추가했습니다.
미묘한 다크 모드 별 및 유성 애니메이션이 추가되었습니다.
eslint 구성을 제거했습니다.
