astro theme stone

석재 : Astro 테마

Stone은 비즈니스, 마케팅, SaaS 및 스타트 업 웹 사이트를 위해 특별히 설계된 무료 및 오픈 소스 Astro 테마입니다.

주요 기능 :

• Tailwind CSS & Alpine.js로 제작되었습니다
• 5 페이지 이상
• 15 개 이상의 섹션
• 깨끗하고 현대적인 디자인
• 완전히 반응합니다
• 다크 및 라이트 모드
• 빠르고 성능
• 초경량
• 전환보기 (실험)
• 더 예쁜 코드 포맷터
• Google 글꼴
• 리믹스 아이콘
• 무료 업데이트

시작하기

요구 사항

• 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/* - 하나 이상의 페이지에서 공유하는 UI 구조를 정의하는 Astro 구성 요소 ..
• src/pages/* - 사이트에서 새 페이지를 만드는 데 사용되는 Astro 구성 요소. 각 페이지는 파일 이름에 따라 경로로 노출됩니다.
• .prettierrc 더 예쁜 구성 파일.
• astro.config.mjs Astro 구성 파일.
• package.json 종속성을 관리하기 위해 JavaScript 패키지 관리자가 사용하는 파일. 또한 Astro를 실행하는 데 일반적으로 사용되는 스크립트도 정의합니다.
• tailwind.config.cjs 테일 윈드 구성 파일. 테마 섹션은 색상 팔레트와 글꼴을 정의하는 곳입니다.
• tsconfig.json TypeScript 구성 파일.

전개

사이트를 구축하고 배포 할 준비가 되셨습니까? 공식 문서를 따르십시오.

지원하다

질문이나 제안이 있으시면 주저하지 말고 저에게 연락하십시오.

특허

이 프로젝트는 MIT 라이센스의 조건에 따라 라이센스가 부여됩니다.